Fix width of image selection arrow div (stashapp#4142)

Dankonite · Sep 25, 2023 · bba60cc · bba60cc
1 parent ce55392
commit bba60cc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/ui/v2.5/src/components/Shared/ScrapeDialog/ScrapeDialog.tsx b/ui/v2.5/src/components/Shared/ScrapeDialog/ScrapeDialog.tsx
@@ -402,7 +402,7 @@ export const ScrapedImagesRow: React.FC<IScrapedImagesRowProps> = (props) => {
         />
       )}
       renderNewField={() => (
-        <div>
+        <div className="image-selection-parent">
           <ImageSelector
             imageClassName={props.className}
             images={props.images}

diff --git a/ui/v2.5/src/components/Shared/styles.scss b/ui/v2.5/src/components/Shared/styles.scss
@@ -144,6 +144,10 @@
     padding-right: 15px;
   }
 
+  .image-selection-parent {
+    min-width: 100%;
+  }
+
   .image-selection {
     .select-buttons {
       align-items: center;
@@ -369,6 +373,7 @@ div.react-datepicker {
 
   .react-datepicker__day {
     color: $text-color;
+
     &.react-datepicker__day--disabled {
       color: $text-muted;
     }
@@ -438,6 +443,7 @@ div.react-datepicker {
     }
   }
 }
+
 /* stylelint-enable */
 
 #date-picker-portal .react-datepicker-popper {