Add styles for mobile overview page

styles/components/filter.css

@@ -1,3 +1,8 @@
 .filter {
   margin-bottom: 40px;
+
+  /* @todo: re-enable filter for mobile */
+  @media (--until-sm) {
+    display: none;
+  }
 }

styles/components/item-page.css

@@ -45,6 +45,7 @@
   background: #fff;
   margin: 0 -15px;
   padding: 15px;
+  min-height: 300px;
 
   &__aside {
     padding: 20px 0

styles/components/letter-index.css

@@ -5,7 +5,11 @@
     position: relative;
     padding: 0 0 0 200px;
     min-height: 80px;
+    @media (--until-md) {
+      padding:  0 0 0 50px;
+    }
   }
+
   &__letter {
     font-size: 50px;
     line-height: 80px;
@@ -13,5 +17,8 @@
     position: absolute;
     left: 50px;
     top: 0;
+    @media (--until-md) {
+      left: 0;
+    }
   }
 }

styles/components/nav.css

@@ -30,4 +30,13 @@
       transition-delay: 0s;
     }
   }
+
+  &--relations {
+    @media (--until-md) {
+      .nav__item {
+        display: block;
+        margin: 5px 0 0;
+      }
+    }
+  }
 }