[PAY-1660] Fix layout issues with TrackTile socials row with a lot of…

… stats (#3815)
AudiusProject · Jul 28, 2023 · c0679c3 · c0679c3
1 parent 089a9e6
commit c0679c3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/web/src/components/track/desktop/ConnectedTrackTile.module.css b/packages/web/src/components/track/desktop/ConnectedTrackTile.module.css
@@ -81,7 +81,8 @@
 
 .socialInfo {
   display: inline-flex;
-  width: 100%;
+  flex: 1 1 100%;
+  min-width: 0;
   justify-content: flex-start;
 }
 

diff --git a/packages/web/src/components/track/desktop/TrackTile.module.css b/packages/web/src/components/track/desktop/TrackTile.module.css
@@ -254,9 +254,15 @@
   margin-right: var(--unit-20);
 }
 
+.small .bottomRight {
+  /* Match socialsRow to keep these in line */
+  height: 18px;
+}
+
 .socialInfo {
   display: inline-flex;
-  width: 100%;
+  flex: 1 1 100%;
+  min-width: 0;
   justify-content: flex-start;
 }