Apply suggestions from code review

Co-authored-by: anoy. <anoymouserver@users.noreply.github.com>
Signed-off-by: Carl Schwan <carl@carlschwan.eu>

1 files changed, 41 insertions, 34 deletions

diff --git a/css/mobile.css b/css/mobile.css
index d5a8a6b89..02271a263 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -1,39 +1,46 @@
-@media only screen and (max-width: 1024px) {
-  #app-content .utils .date {
-    display: none;
-  }
-  #app-shortcuts th:first-child {
-    padding-left: 44px;
-  }
-  #app-navigation:not(.hidden) + #app-content {
-    width: 100%;
-  }
-  #mark-all-read-button {
-    display: block;
-  }
+@media only screen and (max-width: $breakpoint_mobile) {
+    #app-content .utils .date {
+        display: none;
+    }
+
+    #app-shortcuts th:first-child {
+        padding-left: 44px;
+    }
+
+    #app-navigation:not(.hidden) + #app-content {
+        width: 100%;
+    }
+
+    #mark-all-read-button {
+        display: block;
+    }
 }
+
 @media only screen and (max-width: 600px) {
-  #app-content .article-actions ul {
-    max-width: 164px;
-  }
-  #app-content .heading .date {
-    display: none;
-  }
-  #app-content .heading h1 {
-    margin-right: 0;
-  }
-  #app-content .utils {
-    padding-right: 15px;
-  }
-  #app-content .article {
-    padding-right: 15px;
-    padding-left: 44px;
-  }
+    #app-content .article-actions ul {
+        max-width: 164px;
+    }
+
+    #app-content .heading .date {
+        display: none;
+    }
+
+    #app-content .heading h1 {
+        margin-right: 0;
+    }
+
+    #app-content .utils {
+        padding-right: 15px;
+    }
+
+    #app-content .article {
+        padding-right: 15px;
+        padding-left: 44px;
+    }
 }
+
 @media only screen and (max-width: 340px) {
-  #app-content .article-actions {
-    max-width: 82px;
-  }
+    #app-content .article-actions  {
+        max-width: 82px;
+    }
 }
-
-/*# sourceMappingURL=mobile.css.map */