Fixed design

frontend/src/App.vue

@@ -75,15 +75,21 @@ export default {
   display: flex;
   height: 100%;
   overflow: hidden;
+  width: 100%;
 }
 .navigation {
-  width: 10em;
+  width: 13em;
   background-color: #e0e0e0;
   display: flex;
   flex-direction: column;
+  padding: 0.5rem;
 }
 .content {
   flex: 1;
+  width: 100%;
+  height:calc(100% - 2.5rem);
+  overflow: auto;
+  padding: 0 0.35em;
 }
 .navigation > a{
   text-decoration: none;

frontend/src/assets/css/main.scss

@@ -10,7 +10,13 @@ body {
 }
 h1 {
     border-bottom: 1px solid #000000;
+    margin: 0;
+    height: 3rem;
+    padding: 0 0.5rem;
 }
 #app {
     flex: 1;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
 }

frontend/src/views/DiaryView.vue

@@ -665,6 +665,7 @@ button:hover {
 .columns {
     display: flex;
     justify-content: space-between;
+    width: calc(100% - 1em);
 }
 
 .column {