sts-sponsors team mailing list archive

[Peter Makowski <mp+441707@xxxxxxxxxxxxxxxxxx>]

Peter Makowski has proposed merging ~petermakowski/maas-site-manager:fix-aggregated-status-styles into maas-site-manager:main with ~petermakowski/maas-site-manager:aggregated-status-MAASENG-1586 as a prerequisite.

Commit message:
fix: aggregated status styles

Requested reviews:
  MAAS Committers (maas-committers)

For more details, see:
https://code.launchpad.net/~petermakowski/maas-site-manager/+git/site-manager/+merge/441707
-- 
Your team MAAS Committers is requested to review the proposed merge of ~petermakowski/maas-site-manager:fix-aggregated-status-styles into maas-site-manager:main.

diff --git a/frontend/src/_utils.scss b/frontend/src/_utils.scss
index 4d85787..b666356 100644
--- a/frontend/src/_utils.scss
+++ b/frontend/src/_utils.scss
@@ -47,3 +47,6 @@
 .u-width--100 {
   width: 100% !important;
 }
+.u-no-padding {
+  padding: 0 !important;
+}
diff --git a/frontend/src/components/MainLayout/_MainLayout.scss b/frontend/src/components/MainLayout/_MainLayout.scss
index 3390122..a9e170b 100644
--- a/frontend/src/components/MainLayout/_MainLayout.scss
+++ b/frontend/src/components/MainLayout/_MainLayout.scss
@@ -11,10 +11,9 @@
     @media (min-width: $breakpoint-small) {
       height: 100vh;
     }
-
-
   }
   .l-main__content {
+    width: 100%;
     overflow-y: auto;
   }
 }
diff --git a/frontend/src/components/SitesList/SitesTable/AggregatedStatus/AggregatedStatus.tsx b/frontend/src/components/SitesList/SitesTable/AggregatedStatus/AggregatedStatus.tsx
index 26158c9..6cc474b 100644
--- a/frontend/src/components/SitesList/SitesTable/AggregatedStatus/AggregatedStatus.tsx
+++ b/frontend/src/components/SitesList/SitesTable/AggregatedStatus/AggregatedStatus.tsx
@@ -45,7 +45,7 @@ const AggregatedStatus = ({ stats }: { stats: Stats }) => {
           }
         >
           <Meter
-            className="u-no-margin--bottom"
+            className="u-no-margin--bottom u-no-padding"
             data={[
               { color: "black", value: deployed_machines },
               { color: color.link, value: allocated_machines },