Scaling for settings screen

doc/EN/admin.org

@@ -72,7 +72,7 @@ Up to a maximum of ten users may be added via the users screen. It's advisable t
 If you're an advanced GNU/Linux user then you might want to enable secure shell logins from the settings screen. You'll need to supply an ssh public key if you do.
 
 #+attr_html: :width 70% :align center
-[[file:images/fbone_settings.png]]
+[[file:images/fbone_settings.jpg]]
 
 The admin menu is primarily meant only to be accessed from within your home network, but it can also be accessed remotely with a [[https://www.torproject.org/][Tor browser]] via an onion address which can be found by selecting the Freedombone logo on the initial menu screen.
 

webadmin/EN/settings.html

@@ -62,19 +62,19 @@
         vertical-align: middle;
     }
 
-    @media screen and (max-width: 800px) {
+    @media screen and (min-width: 400px) {
         .column {
-            -ms-flex: 50%;
-            flex: 50%;
-            max-width: 50%;
+            -ms-flex: 25%;
+            flex: 25%;
+            max-width: 25%;
         }
     }
 
-    @media screen and (max-width: 200px) {
+    @media screen and (max-width: 400px) {
         .column {
-            -ms-flex: 100%;
-            flex: 100%;
-            max-width: 100%;
+            -ms-flex: 50%;
+            flex: 50%;
+            max-width: 50%;
         }
     }
   </style>

webadmin/EN/settings_onion.html

@@ -62,19 +62,19 @@
         vertical-align: middle;
     }
 
-    @media screen and (max-width: 800px) {
+    @media screen and (min-width: 400px) {
         .column {
-            -ms-flex: 50%;
-            flex: 50%;
-            max-width: 50%;
+            -ms-flex: 25%;
+            flex: 25%;
+            max-width: 25%;
         }
     }
 
-    @media screen and (max-width: 200px) {
+    @media screen and (max-width: 400px) {
         .column {
-            -ms-flex: 100%;
-            flex: 100%;
-            max-width: 100%;
+            -ms-flex: 50%;
+            flex: 50%;
+            max-width: 50%;
         }
     }
   </style>