From 76d94bb2df36c1abf7bcec5a09f4dd4afb1adac8 Mon Sep 17 00:00:00 2001
From: Cara Fisher <cfisher@scottlogic.com>
Date: Wed, 6 Dec 2023 14:53:21 +0000
Subject: [PATCH] SLVUU-111: Assign 90% width to list header, group, and item

---
 .../vuu-shell/src/layout-management/LayoutList.css  | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/vuu-ui/packages/vuu-shell/src/layout-management/LayoutList.css b/vuu-ui/packages/vuu-shell/src/layout-management/LayoutList.css
index e14e8aa803..63f678e2f8 100644
--- a/vuu-ui/packages/vuu-shell/src/layout-management/LayoutList.css
+++ b/vuu-ui/packages/vuu-shell/src/layout-management/LayoutList.css
@@ -1,4 +1,5 @@
 .vuuLayoutList {
+    --vuuLayoutList-width: 90%;
     --vuuMeasuredContainer-flex: 1 1 1px;
     align-self: stretch;
     display: flex;
@@ -30,20 +31,22 @@
 }
 
 .vuuLayoutList-header {
-    color: var(--light-text-primary, #15171B);
-    flex: 0 0 47px;
-    font-weight: 700;
-    letter-spacing: 0.48px;
-    text-transform: uppercase;
     display: flex;
+    flex: 0 0 47px;
+    width: var(--vuuLayoutList-width);
     padding: 16px 0;
     border-bottom: 1px solid rgba(119, 124, 148, 0.10);
+    color: var(--light-text-primary, #15171B);
+    font-weight: 700;
+    letter-spacing: 0.48px;
     line-height: 200%;
+    text-transform: uppercase;
 }
 
 .vuuLayoutList-groupName {
     display: flex;
     padding-top: 24px;
+    width: var(--vuuLayoutList-width);
     color: var(--light-text-secondary, #606477);
     font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;
     font-family: Nunito Sans;