More style adjustments

TAMULib · Sep 25, 2023 · 153be0d · 153be0d
1 parent 82d89d8
commit 153be0d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/app/+data-and-analytics/data-and-analytics.component.html b/src/app/+data-and-analytics/data-and-analytics.component.html
@@ -65,13 +65,13 @@
             </div>
             <div class="card-body" [ngSwitch]="view.layout">
 
-              <div class="row p-1 mb-2">
+              <div class="row p-1 mb-2" *ngIf="(label | async)?.length > 0">
                 <div class="col-12">
                   <span class="h4 font-weight-bold">{{ label | async }}</span>
                 </div>
               </div>
 
-              <div class="row p-1 mb-3">
+              <div class="row p-1 mb-2">
                 <div class="col-12">
                   <span class="h4 font-weight-bold">{{ 'DATA_AND_ANALYTICS.ORGANIZATION' | translate }}: </span>
                   <span class="h4">{{ organization.name }} ({{ organization.people.length }})</span>

diff --git a/src/app/+data-and-analytics/data-and-analytics.component.scss b/src/app/+data-and-analytics/data-and-analytics.component.scss
@@ -12,6 +12,9 @@
       outline: 0 none;
     }
   }
+  .card-body {
+    padding: 12px;
+  }
   .card-header {
     color: black;
   }

diff --git a/src/app/shared/sidebar/sidebar.component.scss b/src/app/shared/sidebar/sidebar.component.scss
@@ -4,8 +4,8 @@
     width: 100%;
     padding: 10px;
     .sidebar {
-      min-width: 200px;
-      max-width: 200px;
+      min-width: 225px;
+      max-width: 225px;
       @media (max-width: 575.98px) {
         min-width: 100%;
         max-width: 100%;