text placement adjustments

stashapp · Nov 21, 2024 · 0ecd4aa · 0ecd4aa
1 parent 91fba1e
commit 0ecd4aa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/QueueViewer.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/QueueViewer.tsx
@@ -432,7 +432,7 @@ export const QueueViewer: React.FC<IPlaylistViewer> = ({
               {maybeRenderSceneSpecsOverlay(scene)}
             </div>
             <div className="queue-scene-details">
-              <span className="queue-scene-title" title={title}>
+              <span className="queue-scene-title TruncatedText" title={title}>
                 {title}
               </span>
               <span className="queue-scene-studio" title={studio}>

diff --git a/ui/v2.5/src/components/Scenes/styles.scss b/ui/v2.5/src/components/Scenes/styles.scss
@@ -694,14 +694,16 @@ input[type="range"].blue-slider {
 
   .queue-scene-details {
     display: grid;
-    margin-left: 10px;
+    margin-bottom: auto;
+    margin-left: 6px;
     overflow: hidden;
+    padding-left: 0;
     position: relative;
     width: 57%;
   }
 
   .queue-scene-title {
-    font-size: 1.2rem;
+    font-size: 1.0rem;
 
     @media (max-width: 576px) {
       font-size: 1rem;
@@ -732,13 +734,7 @@ input[type="range"].blue-slider {
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .queue-scene-studio,
-  .queue-scene-performers,
-  .queue-scene-date {
-    font-size: 1.1rem;
+    white-space: pre-line;
   }
 
   .thumbnail-container {