pretty updates :)

Former-commit-id: 693423b34a05c66aeb1fac8832a7cfbe8a440a8c [formerly db4998875d0347b455cd77e34d68cfe3e7db355b] [formerly 48da880c8e3e5b7a0f32d36e4a728b899acb7986 [formerly 7aa6a549f986d3673cf7f0c2669e39b083add791]]
Former-commit-id: d7c550899bf1a84e5e0831ed6e3573ccf798f7a4 [formerly 3c951aaf0f638ac5e7637841e835f3a354c33192]
Former-commit-id: b5839c3e783af0182ca7ffc037161914d4a2a503

_assets/src/css/header.css

@@ -8,6 +8,7 @@ header {
     left: 0;
     width: 100%;
     padding: 0;
+    display: flex;
 }
 
 header a,
@@ -35,16 +36,51 @@ header>div div {
  *            TOP BAR          *
  * * * * * * * * * * * * * * * */
 
-#top-bar {
+#first-bar {
     height: 4em;
 }
 
-#top-bar img {
+#first-bar img {
     height: 2.5em;
     margin-right: 1em;
     vertical-align: middle;
 }
 
+/* * * * * * * * * * * * * * * *
+ *          BOTTOM BAR         *
+ * * * * * * * * * * * * * * * */
+
+#second-bar {
+    justify-content: flex-end;
+}
+
+#more {
+    display: none;
+}
+
+#file-only {
+    display: inline-block;
+    border-right: 1px solid rgba(0, 0, 0, 0.075);
+    padding-right: .3em;
+    margin-right: .3em;
+    transition: .2s ease opacity, visibility;
+    visibility: visible;
+}
+
+#file-only.disabled {
+    opacity: 0;
+    visibility: hidden;
+}
+
+#download ul.active {
+    top: 0;
+    right: 0;
+}
+
+#more ul.active {
+    right: .5em;
+    top: 4.5em;
+}
 
 /* * * * * * * * * * * * * * * *
  *          SEARCH BAR         *
@@ -173,64 +209,4 @@ header>div div {
 
 #search:-ms-input-placeholder {
     color: rgba(255, 255, 255, .5);
-}
-
-
-/* * * * * * * * * * * * * * * *
- *          BOTTOM BAR         *
- * * * * * * * * * * * * * * * */
-
-#bottom-bar {
-    border-top: 1px solid rgba(0, 0, 0, 0.075);
-    height: 3.8em;
-}
-
-#bottom-bar>div:first-child>* {
-    display: inline-block;
-    vertical-align: middle;
-}
-
-#bottom-bar>div:first-child>i {
-    margin-right: .3em;
-}
-
-#bottom-bar>*:first-child {
-    margin-right: auto;
-    max-width: calc(100% - 25em);
-    width: 100%;
-}
-
-#bottom-bar p {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: calc(100% - 3em);
-    white-space: nowrap;
-}
-
-#more {
-    display: none;
-}
-
-#file-only {
-    display: inline-block;
-    border-right: 1px solid rgba(0, 0, 0, 0.075);
-    padding-right: .3em;
-    margin-right: .3em;
-    transition: .2s ease opacity, visibility;
-    visibility: visible;
-}
-
-#file-only.disabled {
-    opacity: 0;
-    visibility: hidden;
-}
-
-#download ul.active {
-    top: 0;
-    right: 0;
-}
-
-#more ul.active {
-    right: .5em;
-    top: 4.5em;
 }