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

… stats (#3815)
AudiusProject · Jul 28, 2023 · e76e08c · e76e08c
1 parent a6c4010
commit e76e08c
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;
 }