org-settings: Responsive UI for connected orgs in smaller window sizes.

Fixes: #456.
zulip · Mar 26, 2018 · a13558f · a13558f
1 parent a1d19a3
commit a13558f
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/app/renderer/css/preference.css b/app/renderer/css/preference.css
@@ -604,4 +604,20 @@ input.toggle-round:checked+label:after {
         margin-right: 2px;
         width: 40%;
     }
-}
+}
+
+@media (max-width: 900px) {
+    .settings-card {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .server-info-right {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .action {
+        margin-top: 10px;
+    }
+}