Some CSS fixes

faerun_calendar/static/faerun_calendar/css/main.css

@@ -1,5 +1,8 @@
-h1 {
-    text-align: center;
+div.calendarpage {
+    margin: 10px;
+    padding: 10px;
+    border: 1px solid black;
+    border-radius: 20px;
 }
 
 table.month, table.month th, table.month td {
@@ -27,9 +30,14 @@ table.month th.subtitle {
     font-weight: normal;
 }
 
+div.month {
+    display: inline-flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
 table.month {
     margin: 10px;
-    float: left;
     width: 300px;
     max-width: 300px;
     border-radius: 10px;

faerun_calendar/templates/faerun_calendar/index.html

@@ -1,13 +1,19 @@
 {% extends 'main/pagetemplate.html' %}
 
+{% load static %}
+
+{% block additional_css %}
+<link rel="stylesheet" href="{% static 'faerun_calendar/css/main.css' %}">
+{% endblock %}
+
 {% block pagetitle %}
 Календарь
 {% endblock %}
 
 {% block content %}
 <div class="calendarpage">
-        <h1>Календарь</h1>
+    <h1 class="title">Календарь</h1>
     {% include 'faerun_calendar/calendar.html' %}
-    </div>
+</div>
 {% endblock %}
 

faerun_calendar/templates/faerun_calendar/month.html

@@ -1,4 +1,5 @@
-<table class="month">
+<div class="month">
+    <table class="month">
         <tr>
             <th colspan="10" class="title">{{title}}</th>
         </tr>
@@ -48,4 +49,5 @@
             <td>30</td>
         </tr>
         {% endif %}
-</table>
+    </table>
+</div>

links/static/links/css/main.css

@@ -0,0 +1,12 @@
+div.linkspage {
+    margin: 10px;
+    padding: 10px;
+    border: 1px solid black;
+    border-radius: 20px;
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}

links/templates/links/index.html

@@ -1,12 +1,18 @@
 {% extends 'main/pagetemplate.html' %}
 
+{% load static %}
+
+{% block additional_css %}
+<link rel="stylesheet" href="{% static 'links/css/main.css' %}">
+{% endblock %}
+
 {% block pagetitle %}
 Полезные ссылки
 {% endblock %}
 
 {% block content %}
 <div class="linkspage">
-    <h1>Полезные ссылки</h1>
+    <h1 class="title">Полезные ссылки</h1>
     <ul>
         <li><a href="https://drive.google.com/drive/folders/1GgZ5pwoZEv9AwnsgfSLYpTIP0MtFsez_">Записи игр по Драконьему кушу (Google Drive)</a></li>
         <li><a href="https://disk.yandex.ru/d/A9vQyEO6W_kZVg">Записи игр по Драконьему кушу (Яндекс Диск)</a></li>

main/static/main/css/main.css

@@ -1,3 +1,10 @@
+div.mainpage {
+    margin: 10px;
+    padding: 10px;
+    border: 1px solid black;
+    border-radius: 20px;
+}
+
 aside.menu {
     border: 3px solid black;
     border-radius: 10px;

main/templates/main/index.html

@@ -6,6 +6,6 @@
 
 {% block content %}
 <div class="mainpage">
-    <h1>Главная страница</h1>
+    <h1 class="title">Главная страница</h1>
 </div>
 {% endblock %}

main/templates/main/pagetemplate.html

@@ -9,7 +9,10 @@
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
     <link rel="stylesheet" href="{% static 'main/css/main.css' %}">
-    <link rel="stylesheet" href="{% static 'faerun_calendar/css/main.css' %}">
+
+    {% block additional_css %}
+    {% endblock %}
+
 
     <link rel="icon" href="{%  static 'iconsmall.png' %}">
     <link rel="apple-touch-icon" href="{%  static 'iconbig.png' %}">