From 24373d6bee63cfd46a70e7ef9092acbaf4a3eaf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Florian=20Sch=C3=B6lzel?= <fschoelzel.kontakt@gmail.com>
Date: Wed, 18 Sep 2024 18:14:45 +0200
Subject: [PATCH] [STYLE] Update Buttons in BookmarkModal and ScreenshotModal

---
 .../Less/SlubMediaPlayer/modals/BookmarkModal.less    | 10 +++++++---
 .../Less/SlubMediaPlayer/modals/ScreenshotModal.less  | 11 ++++++++++-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/Resources/Private/Less/SlubMediaPlayer/modals/BookmarkModal.less b/Resources/Private/Less/SlubMediaPlayer/modals/BookmarkModal.less
index 1f5c8cbe4..ef2b6407e 100644
--- a/Resources/Private/Less/SlubMediaPlayer/modals/BookmarkModal.less
+++ b/Resources/Private/Less/SlubMediaPlayer/modals/BookmarkModal.less
@@ -41,7 +41,7 @@
             height: 2rem;
             font-size: 1rem;
             line-height: 1rem;
-            color: @base-color;
+            color: #444;
             margin-right: 4pt;
         }
     }
@@ -89,7 +89,7 @@
             height: 2rem;
             font-size: 1rem;
             line-height: 1rem;
-            color: #4e6666;
+            color: #444;
             margin-right: 4pt;
             margin-bottom: 1rem;
             margin-right: 1rem;
@@ -97,7 +97,7 @@
 
         .mastodon-share-button {
             flex-basis: 20%;
-            background-color: rgba(78, 102, 102, 0.9);
+            background-color: @base-color;
             color: #fff;
             border: none;
             margin-left: 0;
@@ -108,6 +108,10 @@
             height: 2rem;
             width: 100%;
             overflow: hidden;
+
+            &:hover {
+                background-color: lighten(@base-color, 5%);
+            }
         }
 
         @media screen and (max-width: @tabletViewportWidth) {
diff --git a/Resources/Private/Less/SlubMediaPlayer/modals/ScreenshotModal.less b/Resources/Private/Less/SlubMediaPlayer/modals/ScreenshotModal.less
index 4ca338935..0feb8783e 100644
--- a/Resources/Private/Less/SlubMediaPlayer/modals/ScreenshotModal.less
+++ b/Resources/Private/Less/SlubMediaPlayer/modals/ScreenshotModal.less
@@ -34,7 +34,16 @@
             }
 
             .download-link {
-                margin-top: 0.2em;
+                display: inline-block;
+                margin-top: 1.2em;
+                padding: 0.5em 1em;
+                border-radius: 4px;
+                color: #fff;
+                background-color: darken(@base-color, 10%);
+
+                &:hover {
+                    background-color: darken(@base-color, 15%);
+                }
             }
         }