Implement styling improvements

src/renderer/components/ft-icon-button/ft-icon-button.scss

@@ -96,7 +96,7 @@
   &:has(.iconButtonLabel) {
     border-radius: 18px;
     padding-inline: 5px;
-    max-inline-size: 105px;
+    inline-size: 105px;
 
     .iconButton {
       padding-block: 0.5em;
@@ -109,7 +109,7 @@
     padding-inline: 2px 5px;
     font-size: 14px;
     font-weight: 500;
-    text-align: center;
+    text-align: start;
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;

src/renderer/components/playlist-info/playlist-info.scss

@@ -67,10 +67,10 @@
 }
 
 .playlistOptions {
-  display: grid;
-  grid-auto-flow: column;
-  column-gap: 8px;
-  justify-content: flex-end;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: center;
 }
 
 .searchInputsRow {

src/renderer/components/watch-video-info/watch-video-info.scss

@@ -67,6 +67,9 @@
 
     @media screen and (max-width: 460px) {
       flex-wrap: nowrap;
+      max-inline-size: 100vw;
+      overflow-x: scroll;
+      justify-content: flex-start;
       :deep(.iconDropdown) {
         inset-inline-start: auto;
         inset-inline-end: auto;

src/renderer/components/watch-video-info/watch-video-info.vue

@@ -100,6 +100,15 @@
           :theme="quickBookmarkIconTheme"
           @click="toggleQuickBookmarked"
         />
+        <ft-icon-button
+          v-if="externalPlayer !== ''"
+          :title="$t('Video.External Player.OpenInTemplate', { externalPlayer })"
+          :icon="['fas', 'external-link-alt']"
+          :hide-label="true"
+          class="option"
+          theme="secondary"
+          @click="handleExternalPlayer"
+        />
         <ft-share-button
           v-if="!hideSharingActions"
           :id="id"
@@ -107,14 +116,6 @@
           :playlist-id="playlistId"
           class="option"
         />
-        <ft-icon-button
-          v-if="externalPlayer !== ''"
-          :title="$t('Video.External Player.OpenInTemplate', { externalPlayer })"
-          :icon="['fas', 'external-link-alt']"
-          class="option"
-          theme="secondary"
-          @click="handleExternalPlayer"
-        />
         <ft-icon-button
           v-if="!isUpcoming && downloadLinks.length > 0"
           ref="downloadButton"