Fixed styles

frontend/src/views/DiaryView.vue

@@ -42,8 +42,7 @@
                 <button type="submit">Zeiten aktualisieren</button>
             </form>
         </div>
-
-        <div v-if="date !== 'new' && date !== null">
+        <div v-if="date !== 'new' && date !== null" style="overflow:hidden">
             <div class="columns">
                 <div class="column">
                     <h3>Gruppenverwaltung</h3>
@@ -73,7 +72,7 @@
                         </div>
                     </div>
                     <h3>Trainingsplan</h3>
-                    <div>
+                    <div style="overflow: auto;">
                         <table>
                             <thead>
                                 <tr>
@@ -845,10 +844,20 @@ h3 {
     display: flex;
     justify-content: space-between;
     width: calc(100% - 1em);
+    overflow: hidden;
+    height: 100%;
 }
 
 .column:first-child {
     flex: 1;
+    overflow: hidden;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.column:last-child {
+    overflow: auto;
 }
 
 textarea {
@@ -1063,5 +1072,9 @@ img {
 
 .diary {
     width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
 }
 </style>