From 26ddc03b2c01b343c24f1c359b78c587310cc747 Mon Sep 17 00:00:00 2001
From: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
Date: Tue, 27 Apr 2021 23:21:22 -0400
Subject: [PATCH] fix(css): fix cog icon size on media detail pages (#1520)

---
 src/components/MovieDetails/index.tsx          |  2 +-
 src/components/RequestBlock/index.tsx          |  6 +++---
 src/components/Settings/SettingsLogs/index.tsx |  4 ++--
 src/components/TvDetails/index.tsx             |  2 +-
 src/styles/globals.css                         | 14 +++++++++-----
 5 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/MovieDetails/index.tsx b/src/components/MovieDetails/index.tsx
index c0fa90f5..eb7de776 100644
--- a/src/components/MovieDetails/index.tsx
+++ b/src/components/MovieDetails/index.tsx
@@ -445,7 +445,7 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
               className="ml-2 first:ml-0"
               onClick={() => setShowManager(true)}
             >
-              <CogIcon className="w-5" />
+              <CogIcon />
             </Button>
           )}
         </div>
diff --git a/src/components/RequestBlock/index.tsx b/src/components/RequestBlock/index.tsx
index e5d74c83..4c0a1c3b 100644
--- a/src/components/RequestBlock/index.tsx
+++ b/src/components/RequestBlock/index.tsx
@@ -101,7 +101,7 @@ const RequestBlock: React.FC<RequestBlockProps> = ({ request, onUpdate }) => {
                   onClick={() => updateRequest('approve')}
                   disabled={isUpdating}
                 >
-                  <CheckIcon />
+                  <CheckIcon className="icon-sm" />
                 </Button>
                 <Button
                   buttonType="danger"
@@ -116,7 +116,7 @@ const RequestBlock: React.FC<RequestBlockProps> = ({ request, onUpdate }) => {
                   onClick={() => setShowEditModal(true)}
                   disabled={isUpdating}
                 >
-                  <PencilIcon />
+                  <PencilIcon className="icon-sm" />
                 </Button>
               </>
             )}
@@ -126,7 +126,7 @@ const RequestBlock: React.FC<RequestBlockProps> = ({ request, onUpdate }) => {
                 onClick={() => deleteRequest()}
                 disabled={isUpdating}
               >
-                <TrashIcon />
+                <TrashIcon className="icon-sm" />
               </Button>
             )}
           </div>
diff --git a/src/components/Settings/SettingsLogs/index.tsx b/src/components/Settings/SettingsLogs/index.tsx
index 50c91b99..e244a2de 100644
--- a/src/components/Settings/SettingsLogs/index.tsx
+++ b/src/components/Settings/SettingsLogs/index.tsx
@@ -329,7 +329,7 @@ const SettingsLogs: React.FC = () => {
                         onClick={() => setActiveLog(row)}
                         className="mr-2"
                       >
-                        <DocumentSearchIcon />
+                        <DocumentSearchIcon className="icon-md" />
                       </Button>
                     )}
                     <Button
@@ -337,7 +337,7 @@ const SettingsLogs: React.FC = () => {
                       buttonSize="sm"
                       onClick={() => copyLogString(row)}
                     >
-                      <ClipboardCopyIcon />
+                      <ClipboardCopyIcon className="icon-md" />
                     </Button>
                   </Table.TD>
                 </tr>
diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
index a89b508c..155c2625 100644
--- a/src/components/TvDetails/index.tsx
+++ b/src/components/TvDetails/index.tsx
@@ -478,7 +478,7 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
               className="ml-2 first:ml-0"
               onClick={() => setShowManager(true)}
             >
-              <CogIcon className="w-5" />
+              <CogIcon />
             </Button>
           )}
         </div>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 8b5214d1..9102ea5a 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -295,12 +295,8 @@ button.input-action svg,
   @apply w-5 h-5 mr-2 last:mr-0;
 }
 
-.button-md svg {
-  @apply last:w-4 last:h-4;
-}
-
 .button-sm svg {
-  @apply w-4 h-4 mr-1.5 last:w-5 last:h-5 last:mr-0;
+  @apply w-4 h-4 mr-1.5 last:mr-0;
 }
 
 .modal-icon {
@@ -311,6 +307,14 @@ button.input-action svg,
   @apply w-6 h-6;
 }
 
+svg.icon-md {
+  @apply w-5 h-5;
+}
+
+svg.icon-sm {
+  @apply w-4 h-4;
+}
+
 .protocol {
   @apply inline-flex items-center px-3 text-gray-100 bg-gray-600 border border-r-0 border-gray-500 cursor-default rounded-l-md sm:text-sm;
 }