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: "› ";
}
.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;
+ }
+}