[frio] New design for mobile responses

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 56fef8b1c683401e9e2363f2ae18a64f627c35d2..c2b60a6de1840cf33156eebb0a19f0a2c7fb30a3 100644 (file)
--- 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 {