src/thsf/static/css/planning.css

@@ -6,6 +6,7 @@
   text-align: center;
   flex-direction: row;
   margin: 0.3em 0;
+  width: 24em;
 }
 
 .slot_info,
@@ -25,7 +26,7 @@
 }
 
 .metadata {
-  width: 6.666em;
+  width: 8em;
   border-radius: 10px 0 0 10px;
   color: var(--main-color);
   font-family: pfdintextcompprothin;
@@ -34,7 +35,7 @@
 }
 
 .data {
-  width: 13.333em;
+  width: 16em;
   background-color: var(--main-color);
   color: var(--alt-main-color);
   border-color: var(--main-color);
@@ -132,8 +133,8 @@
   left: 0;
   opacity: 0;
   transition: opacity 1s;
-  transform: translateX(-4.5em) translateY(102%);
-  width: 32em;
+  transform: translateX(-2em) translateY(102%);
+  width: 32.5em;
   overflow-y: auto;
   border-style: solid;
   border-color: var(--alt-main-color);

src/thsf/static/css/style.css

@@ -11,4 +11,5 @@ body {
   align-items: center;
   align-content: center;
   text-align: center;
+  background-color: yellow;
 }

src/thsf/static/css/wrappers.css

@@ -7,6 +7,7 @@
     align-content: center;
     text-align: center;
     padding-bottom: 5em;
+    /* background-color: green; */
   }
   .center_wrapper,
   .header_wrapper {
@@ -64,18 +65,31 @@
     align-content: center;
     text-align: center;
     padding-bottom: 2em;
+    width: 24em;
+    /* background-color: green; */
+  }
+  .center_wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    width: 24em;
+    /* background-color: blue; */
   }
-  .center_wrapper,
   .header_wrapper {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
+    width: 24em;
+    /* background-color: orangered; */
   }
   .logo_wrapper {
     margin-top: 0.5em;
-    width: 20em;
+    width: 24em;
+    /* background-color: red; */
   }
   .navbar_wrapper {
     position: fixed;
@@ -87,13 +101,14 @@
     align-items: center;
     gap: 1em;
     background-color: var(--main-bg-color);
-    width: 20em;
+    width: 24em;
+    /* background-color: white; */
   }
   .content {
     font-size: 1em;
     font-family: pfdintextcompprothin;
     color: var(--main-color);
-    width: 20em;
+    width: 24em;
     text-align:justify;
     text-justify: inter-word;
   }

src/thsf/templates/base.html

@@ -75,10 +75,10 @@
           </a>
         </div>
       </div>
+      {% block navbar %}
+      {% include "navbar.html" %}
+      {% endblock %}
     </div>
-    {% block navbar %}
-    {% include "navbar.html" %}
-    {% endblock %}
   </div>
 </body>
 </html>