From 1780b4b21c8ffc80d78db0edbf96e55f92ca40da Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Sun, 28 May 2017 14:41:29 +0200
Subject: [PATCH] Fixes few regressions caused by my last PR.

It tranaformed our css to the "mobile-first" paradigm so @media
query now targets large screens.
This commit also fixes share icon in the left sidebar.

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 css/style.css | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/css/style.css b/css/style.css
index 4d674a2dd..bdc4c81e4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -55,21 +55,16 @@ button.button-inline:hover {
 }
 
 #searchbox {
-	display: block !important;
+	display: flex !important;
 }
 
 /**
  * Navigation sidebar
  */
-.app-navigation-entry-utils-menu-button {
-	display: block !important;
-}
 
 .app-navigation-entry-utils-menu-share {
-	display: block !important;
-	text-align: right;
-	padding-top: 3px;
-	padding-right: 5px;
+	display: flex !important;
+	padding: 14px;
 	opacity: 0.4;
 }
 
@@ -222,10 +217,9 @@ button.button-inline:hover {
 }
 
 .stack {
-	width: 320px;
+	width: 100%;
 	margin-right: 10px;
 	vertical-align: top;
-	display: inline-block;
 	background-color: #f8f8f8;
 }
 
@@ -268,7 +262,8 @@ button.button-inline:hover {
 }
 
 .stack h2 .stack-actions {
-	display: none;
+	display: flex;
+	opacity: 0.25;
 }
 
 .stack h2:hover .stack-actions {
@@ -860,12 +855,11 @@ button.button-inline:hover {
 
 @media (max-width: 480px) {
 	.stack {
-		width: 100%;
-		display: block;
+		width: 320px;
+		display: inline-block;
 	}
 	.stack h2 .stack-actions {
-		display: flex;
-		opacity: 0.25;
+		display: none;
 	}
 }