From 6c3f34f8fdecacdad94be514b378682e3a7b63ed Mon Sep 17 00:00:00 2001
From: Roni Laukkarinen <roni@dude.fi>
Date: Sat, 11 Mar 2023 12:12:55 +0200
Subject: [PATCH] Order column-links on mobile

---
 CHANGELOG.md |  4 ++--
 package.json |  2 +-
 style.css    | 20 ++++++++++++--------
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4813687..12330f4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,8 +1,8 @@
-### 1.1.5rc3: 2023-03-10
+### 1.1.5: 2023-03-11
 
 * Improve trends heading
 * Fix account relationship hover background bubble
-* Make the column links 1/5 of width of the screen on mobile
+* Order column-links on mobile: Home, Explore, notifications, lists
 
 ### 1.1.4: 2023-03-10
 
diff --git a/package.json b/package.json
index 5d1138b..7a78674 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "",
   "main": "index.js",
   "scripts": {
diff --git a/style.css b/style.css
index 30ed8f9..51ca363 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @rolle@mementomori.social
-   v1.1.5rc3 */
+   v1.1.5 */
 
 /* CSS variables */
 :root {
@@ -1944,26 +1944,29 @@ a.status-card.compact .status-card__description {
     order: 99;
   }
 
-  /* Make the column link 1/5 of width of the screen */
+  /* Make the column link 1/4 of width of the screen */
   .layout-single-column .navigation-panel .column-link {
-    flex: 0 0 calc(100vw / 5);
+    flex: 0 0 calc(100vw / 4);
     padding: 0;
   }
 
   .layout-single-column .navigation-panel .column-link:nth-child(1) {
-    order: 1;
+    order: 2;
   }
 
+  /* Home */
   .layout-single-column .navigation-panel .column-link:nth-child(2) {
-    order: 2;
+    order: 1;
   }
 
+  /* Notifications */
   .layout-single-column .navigation-panel .column-link:nth-child(3) {
-    order: 3;
+    order: 4;
   }
 
+  /* Explore */
   .layout-single-column .navigation-panel .column-link:nth-child(4) {
-    order: 4;
+    order: 2;
   }
 
   .layout-single-column .navigation-panel .column-link:nth-child(5) {
@@ -1986,8 +1989,9 @@ a.status-card.compact .status-card__description {
     order: 9;
   }
 
+  /* Lists */
   .layout-single-column .navigation-panel .column-link:nth-child(10) {
-    order: 10;
+    order: 4;
   }
 
   .layout-single-column .navigation-panel .column-link:nth-child(11) {