Fix ui at width 895

Signed-off-by: marcin mikołajczak <me@mkljczk.pl>

app/styles/components/account-header.scss

@@ -90,7 +90,7 @@
     width: 100%;
     position: relative;
     background: var(--background-color);
-    @media (min-width: 895px) { height: 74px; }
+    @media (min-width: 896px) { height: 74px; }
   }
 
   &__avatar {
@@ -152,7 +152,7 @@
     max-width: 1200px;
     box-sizing: border-box;
     position: relative;
-    @media (min-width: 895px) and (max-width: 1190px) {
+    @media (min-width: 896px) and (max-width: 1190px) {
       max-width: 900px;
       padding-left: 300px;
     }

app/styles/components/columns.scss

@@ -45,7 +45,7 @@
       @media screen and (max-width: 375px) {
         padding: 0 10px;
       }
-      @media screen and (min-width: 895px) {
+      @media screen and (min-width: 896px) {
         margin: 0 20px;
         padding: 0;
       }

app/styles/components/profile-info-panel.scss

@@ -7,7 +7,7 @@
     flex-direction: column;
     flex: 1 1;
 
-    @media (min-width: 895px) {
+    @media (min-width: 896px) {
       padding-top: 60px;
     }
   }

app/styles/components/search.scss

@@ -125,7 +125,7 @@
     padding: 25px 0;
     background-color: var(--accent-color--med);
 
-    @media (min-width: 895px) {
+    @media (min-width: 896px) {
       display: block;
     }
   }
@@ -154,7 +154,7 @@
     }
   }
 
-  @media (min-width: 895px) and (max-width: 1190px) {
+  @media (min-width: 896px) and (max-width: 1190px) {
     &__title-text,
     &__type-filters-tabs {
       max-width: 900px;

app/styles/components/tabs-bar.scss

@@ -107,7 +107,7 @@
     font-size: 18px;
     color: #fff;
 
-    @media (min-width: 895px) {
+    @media (min-width: 896px) {
       display: none;
     }
   }
@@ -190,7 +190,7 @@
   }
 
   &--search {
-    @media (min-width: 895px) {
+    @media (min-width: 896px) {
       display: none;
     }
   }
@@ -215,7 +215,7 @@
   }
 
   .icon-with-counter__counter {
-    @media screen and (min-width: 895px) {
+    @media screen and (min-width: 896px) {
       left: 5px;
     }
   }

app/styles/demetricator.scss

@@ -11,6 +11,6 @@ body.demetricator {
 
   .account__header__bar {
     min-height: 50px;
-    @media (min-width: 895px) { height: 50px; }
+    @media (min-width: 896px) { height: 50px; }
   }
 }

app/styles/ui.scss

@@ -335,7 +335,7 @@
       z-index: 105;
       background: var(--foreground-color);
 
-      @media (min-width: 895px) {
+      @media (min-width: 896px) {
         top: -290px;
         position: sticky;
       }