Unify max-width test

layouts/home/style.css

···
     content: "\f204"
 }
 
-@media screen and (max-width: 1195px) {
-    #wtf {
-        width: fit-content;
-        max-width: 250px;
-    }
-    .wtf-user-name, .wtf-user-handle {
-        font-size: 12px;
-    }
-    #user-banner {
-        width: 258px;
-    }
-    .user-stat-div>h2 {
-        font-size: 12px;
-    }
-    .user-stat-div>h1 {
-        font-size: 18px;
-    }
-}
-@media screen and (max-width: 1073px) {
-    #wtf {
-        display: none;
-    }
-}
-@media screen and (max-width: 1002px) {
-    #about {
-        display: none;
-    }
-    #timeline-type-right {
-        display: none;
-    }
-    #timeline-type-center {
-        display: inline-block;
-    }
-}
-@media screen and (max-width: 880px) {
-    #left-cell {
-        display: none;
-    }
-    #center-cell {
-        margin-right: auto;
-        margin-left: auto;
-    }
-}
-
 .wtf-user {
     display: inline-block;
     margin-bottom: 5px
···
 .poll-disabled:before {
     color: gray !important;
 }
-#timeline-type-left {
+#timeline-type-right {
     color: var(--default-text-color);
     background-color: var(--background-color);
     border: 1px solid var(--border);
···
 }
 #tweets-loading {
     text-align: center;
+}
+
+/* A little smaller UI */
+@media screen and (max-width: 1195px) {
+    #wtf {
+        width: fit-content;
+        max-width: 250px;
+    }
+    .wtf-user-name, .wtf-user-handle {
+        font-size: 12px;
+    }
+    #user-banner {
+        width: 258px;
+    }
+    .user-stat-div>h2 {
+        font-size: 12px;
+    }
+    .user-stat-div>h1 {
+        font-size: 18px;
+    }
+}
+/* no right-cell */
+@media screen and (max-width: 1167px) {
+    #wtf {
+        display: none;
+    }
+    #about {
+        display: none;
+    }
+    #timeline-type-right {
+        display: none;
+    }
+    #timeline-type-center {
+        display: inline-block;
+    }
+}
+/* no right-cell */
+@media screen and (max-width: 880px) {
+    #left-cell {
+        display: none;
+    }
+    #center-cell {
+        margin-right: auto;
+        margin-left: auto;
+    }
 }

layouts/notifications/style.css

···
 
 #notifications-div {
     margin-bottom: 10px;
-    width: 560px
+    width: 590px
 }
 
 .tweet,
···
 
 #notification-switches {
     padding: 10px;
-    width: 300px
+    width: 280px
+    /*with padding: width:300px */
 }
 
 #notification-switches>hr {
···
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
 }
+#content {
+    min-height: 800px;
+}
+#notifs-loading {
+    text-align: center;
+}
 
+
+/* A little smaller UI */
 @media screen and (max-width: 1195px) {
     #wtf {
         width: fit-content;
···
     .wtf-user-name, .wtf-user-handle {
         font-size: 12px;
     }
-}
-@media screen and (max-width: 1073px) {
-    #wtf {
-        display: none;
-    }
-}
-@media screen and (max-width: 1075px) {
     .notification-switch {
         padding-right: 100px;
     }
     #notification-switches {
-        width: 200px;
+        width: 238px;
+        /*with padding: 258px*/
     }
     #trends {
-        width: 200px;
+        width: 238px;
     }
 }
-@media screen and (max-width: 966px) {
+/* no right-cell */
+@media screen and (max-width: 1167px) {
+    #wtf {
+        display: none;
+    }
     #about {
         display: none;
     }
 }
-@media screen and (max-width: 850px) {
+/* no left-cell */
+@media screen and (max-width: 880px) {
     #trends {
         display: none;
     }
···
         padding-right: 400px;
     }
 }
-#content {
-    min-height: 800px;
-}
-#notifs-loading {
-    text-align: center;
-}
-
 /* Mobile UI */
 @media screen and (max-width: 590px) {
     #notification-switches {