Designs: Fix on mobile (fix #985)

adminer/static/default.css

@@ -66,7 +66,7 @@ input.wayoff { left: -1000px; position: absolute; }
 .sqlarea { width: 98%; }
 .sql-footer { margin-bottom: 2.5em; }
 .explain table { white-space: pre; }
-.icon { width: 18px; height: 18px; background-color: navy; border: 0; vertical-align: middle; }
+.icon { width: 18px; height: 18px; background: navy center no-repeat; border: 0; vertical-align: middle; }
 .icon span { display: none; }
 .icon:hover { background-color: red; }
 .size { width: 7ex; }
@@ -118,9 +118,9 @@ input.wayoff { left: -1000px; position: absolute; }
 	.pages { left: auto; }
 	.js .logout { top: 1.667em; }
 	#menu { position: static; width: auto; min-width: 23em; background: var(--bg); border: 1px solid var(--fg); margin-top: 9px; box-shadow: 0 0 20px rgb(from var(--fg) r g b / .7); }
-	#content { margin-left: 10px; }
+	#content { margin-left: 10px !important; }
 	#lang { position: static; }
-	#breadcrumb { left: 48px; }
+	#breadcrumb { left: 48px !important; }
 	.js #foot { position: absolute; top: 2em; left: 0; }
 	.js .foot { display: none; }
 	.js #menuopen { display: block; position: absolute; top: 3px; left: 6px; }

designs/galkaev/adminer-dark.css

@@ -692,6 +692,7 @@ legend{
 	padding: 0;
 	top: 0;
 	overflow-y: overlay;
+	z-index: 1;
 }
 
 #menu p {

designs/lucas-sandery/adminer.css

@@ -364,7 +364,7 @@ tbody tr:nth-child(n):hover th {
 }
 .icon {
 	width: 1.2em;
-	background: #4c3957 center no-repeat;
+	background-color: #4c3957;
 	background-size: 66%;
 }
 .icon-plus {
@@ -497,7 +497,7 @@ button,
 	display: inline-block;
 	font-size: 85%;
 	text-align: center;
-	background: #4c3957;
+	background-color: #4c3957;
 	color: #fff;
 	padding: 0.5em 0.8em 0.6em;
 	margin: 0;
@@ -517,7 +517,7 @@ button:focus,
 .links a:link:focus,
 .links a:visited:focus {
 	color: #fff;
-	background: #ec5f12;
+	background-color: #ec5f12;
 	text-decoration: none;
 }
 input[type="submit"]:disabled,

designs/mancave/adminer-dark.css

@@ -726,6 +726,10 @@ legend{
 /* menu
    ----------------------------------------------------------------------- */
 
+#foot{
+	height: 100%;
+}
+
 #menu{
 	height: 100%;
 	width: 300px;
@@ -739,6 +743,7 @@ legend{
 	top: 0;
 	overflow-y: overlay;
     overflow-y: auto; /* needed for firefox 2017-03-05 */
+	z-index: 10;
 }
 
 #menu p {