fix(css): fix cog icon size on media detail pages (#1520)

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>

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>

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>

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>

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;
 }