responsible css

src/web/css/header.css

@@ -18,3 +18,12 @@ header {
     align-items: center;
     gap: 10px;
 }
+
+@media screen and (max-width: 400px) {
+    header>h1 {
+        font-size: 15px;
+    }
+    .userbuttons>h1 {
+        font-size: 15px;
+    }
+}

src/web/css/settings.css

@@ -187,6 +187,10 @@ tbody>tr>th {
   .settingrect {
     width: 50%;
   }
+  .settingssection {
+    flex-direction: column;
+    align-items: center;
+  }
 }
 
 @media screen and (max-width: 600px) {