[pizza] fix status icon layout w/ accelerator modal

2024-07-14 04:40:27 +00:00
parent 530610add6
commit 6b955acf9e
2 changed files with 72 additions and 60 deletions
--- a/frontend/src/app/components/tracker/tracker.component.scss
+++ b/frontend/src/app/components/tracker/tracker.component.scss
@@ -166,7 +166,7 @@
  display: flex;
  flex-direction: column;
  align-items: center;
-  justify-content: center;
+  justify-content: start;

  .explainer {
    margin: 0 1em;
@@ -178,6 +178,15 @@
  font-size: clamp(30px, 20vw, 150px);
 }

+.status-panel {
+  &.small-status {
+    min-height: 180px;
+    .progress-icon {
+      font-size: clamp(20px, 13vw, 100px);
+    }
+  }
+}
+
 .footer-link {
  display: flex;
  flex-direction: row;