From: Damian Wajer Date: Wed, 18 Jan 2023 12:32:57 +0000 (+0100) Subject: [frio] New design for mobile responses X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=33d0505ce3362199c642b640fd569cc0ec751664;p=friendica.git [frio] New design for mobile responses --- diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 56fef8b1c6..c2b60a6de1 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 {