Alignment tweaks needed when seen on the server

asfadmin · Jul 15, 2024 · 756054b · 756054b
1 parent 94574b2
commit 756054b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html
@@ -62,10 +62,10 @@
                   <img *ngIf="type.iconType === iconTypes.IMAGE" src="{{ type.icon }}" class="menu-item-icon">
                 </div>
               </div>
-              @if(!last) {
-                <hr class="dataset-hr">
-              }
             </menu>
+            @if(!last) {
+              <hr class="dataset-hr">
+            }
           }
           <hr class="dataset-hr">
           <menu mat-menu-item class="menu-item mat-menu-item" [matMenuTriggerFor]="derivedDatasetMenu" mat-menu-item>

diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss
@@ -34,13 +34,17 @@
 }
 
 .menu-item-inner {
-  min-width: 580px;
+  width: calc(100% - 20px);
 }
 
 .menu-item-content {
   min-width: 450px;
 }
 
+.menu-item-aside {
+  min-width: 130px;
+}
+
 .item-title {
   font-weight: bold;
 }