X-Git-Url: http://mmka.chem.univ.gda.pl/gitweb/?a=blobdiff_plain;f=qcg%2Fstatic%2Fqcg%2Fmain.css;h=1ff595a6ec58a260e4601709f7b4a2c5b2b72424;hb=b713d9cd6b8bb4e58588243088bd9b37accc9292;hp=c2d0aaf59c98671d9fe5e0228691caa0fe538e63;hpb=93056bba14871711faa5e2070689657939dd52e2;p=qcg-portal.git

diff --git a/qcg/static/qcg/main.css b/qcg/static/qcg/main.css
index c2d0aaf..1ff595a 100644
--- a/qcg/static/qcg/main.css
+++ b/qcg/static/qcg/main.css
@@ -90,18 +90,6 @@ textarea {
     margin: 0;
 }
 
-#host-controls .change {
-    display: none;
-}
-
-#host-controls.editing .view {
-    display: none;
-}
-
-#host-controls.editing .change {
-    display: initial;
-}
-
 .path.breadcrumb > li + li::before {
     content: "› ";
 }
@@ -120,3 +108,42 @@ textarea {
 .busy #spinner-overlay {
     display: initial;
 }
+
+#filex nav {
+    display: flex;
+    flex-flow: row wrap;
+}
+
+#host {
+    flex: 1 auto;
+    margin-right: 10px;
+}
+
+#controls {
+    flex: 0 auto;
+    white-space: nowrap;
+}
+
+#path {
+    flex: 1 100%;
+}
+
+@media (min-width: 768px) {
+    #host {
+        order: 1;
+        flex: 1 auto;
+        margin-right: 10px;
+    }
+
+    #path {
+        order: 2;
+        flex: 10 auto;
+        margin-top: -1px;
+        margin-right: 10px;
+    }
+
+    #controls {
+        order: 3;
+        flex: 0 auto;
+    }
+}