From 33d0505ce3362199c642b640fd569cc0ec751664 Mon Sep 17 00:00:00 2001
From: Damian Wajer <damian@damianwajer.com>
Date: Wed, 18 Jan 2023 13:32:57 +0100
Subject: [PATCH] [frio] New design for mobile responses

---
 view/theme/frio/css/style.css | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 56fef8b1c..c2b60a6de 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1972,14 +1972,17 @@ code > .hl-main {
 	margin: 0;
 	justify-content: space-between;
 }
+.wall-item-actions .btn,
 .wall-item-actions a,
 .wall-item-actions button {
 	font-size: 13px;
 	color: $font_color_darker;
+	background-color: transparent;
 }
 .wall-item-actions .active {
 	font-weight: bold;
 	color: $link_color;
+	box-shadow: none;
 }
 .wall-item-actions-left {
 	display: table-cell;
@@ -1989,11 +1992,23 @@ code > .hl-main {
 	display: flex;
 }
 .wall-item-actions .checkbox {
-	margin: 0;
-	margin-left: 20px;
+	margin: 0 0 0 15px;
+}
+@media screen and (max-width: 767px) {
+	.wall-item-actions .btn,
+	.wall-item-actions a,
+	.wall-item-actions button {
+		padding-right: 12px;
+		padding-left: 12px;
+	}
+	.wall-item-actions .checkbox {
+		margin-top: 8px;
+	}
+	.wall-item-actions .like-rotator {
+		padding-top: 8px;	
+	}
 }
 .wall-item-actions button:hover {
-	color: $font_color_darker;
 	text-decoration: underline;
 }
 .wall-item-actions .separator {