More things

frontend/app/components/parts/TableHeader.vue

@@ -120,7 +120,7 @@ const preloadImages = (imageArray) => {
 <style lang="scss" scoped>
 .header {
     position: relative;
-    margin-top: 30px;
+    margin-top: 42px;
     user-select: none;
     display: flex;
     justify-content: space-between;
@@ -129,6 +129,10 @@ const preloadImages = (imageArray) => {
         flex-direction: column;
         gap: 8px;
     }
+
+    @media screen and (max-width: 900px) {
+        display: none;
+    }
 }
 
 .header-container {
@@ -139,6 +143,12 @@ const preloadImages = (imageArray) => {
             margin-top: 20px;
         }
     }
+
+    &.right {
+        :deep(.site-options) {
+            margin-top: 12px;
+        }
+    }
 }
 
 .undertable-wrapper {
@@ -153,16 +163,8 @@ const preloadImages = (imageArray) => {
         margin-top: -340px;
     }
 
-    @media screen and (max-width: 900px) and (min-width: 600px) {
-        margin-top: -240px;
-    }
-
-    @media screen and (max-width: 600px) {
-        margin-top: -300px;
-    }
-
-    @media screen and (max-width: 480px) {
-        margin-top: -340px;
+    @media screen and (max-width: 900px) {
+        display: none;
     }
 }