Added max width. Events now in columns

2022-11-08 10:34:15 +03:00
parent 81f5f37363
commit 3896ed0a29
2 changed files with 29 additions and 20 deletions
@@ -60,9 +60,9 @@ div.calendar {
 }

 div.calendar-events {
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: space-around;
+    column-width: 725px;
+    column-rule: 1px solid black;
+    column-gap: 25px;
 }

 div.month {
@@ -86,9 +86,11 @@ div.event-gm,
 div.event-suggested {
    border: 1px solid black;
    padding: 20px;
-    margin: 20px;
+    margin: auto;
+    margin-bottom: 15px;
    border-radius: 10px;
-    width: 100%;
+    max-width: 700px;
+    break-inside: avoid;
 }

 div.event {
@@ -136,3 +138,8 @@ p.calendar-error {
 p.calendar-info {
    font-size: 200%;
 }
+
+body > div {
+    max-width: 1600px;
+    margin: auto;
+}
@@ -18,6 +18,7 @@
    <link rel="apple-touch-icon" href="{%  static 'iconbig.png' %}">
 </head>
 <body>
+    <div class="page">
        <aside class="menu">
            <div class="menu">
                <a class="menuitem" href="/">
@@ -34,5 +35,6 @@

        {% block content %}
        {% endblock %}
+    </div>
 </body>
 </html>