Better screen usage for smaller mobile size (#1348)

* Updating styles to use space better for smaller mobile * Fixing side-nav issue
2022-07-01 14:46:41 -04:00 · 2022-07-01 14:46:41 -04:00 · b5f7ff5aac
commit b5f7ff5aac
parent 3430a61480
3 changed files with 8 additions and 4 deletions
--- a/UI/Web/src/app/cards/card-detail-layout/card-detail-layout.component.scss
+++ b/UI/Web/src/app/cards/card-detail-layout/card-detail-layout.component.scss
@ -47,6 +47,10 @@
    align-items: center;
    justify-content: space-around;

+    @media (max-width: 576px) {
+        padding: 0 10px 0 5px;
+    }
+
    .btn {
        text-decoration: none;
        color: hsla(0,0%,100%,.7);