wip: removing minus margin and add hidden border to buttons

geonetwork · Sep 21, 2023 · e848206 · e848206
1 parent 86b0c54
commit e848206
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/libs/ui/inputs/src/lib/button/button.component.ts b/libs/ui/inputs/src/lib/button/button.component.ts
@@ -21,7 +21,7 @@ export class ButtonComponent {
   @Output() buttonClick = new EventEmitter<void>()
 
   get classList() {
-    return `${this.color} ${this.textColor} ${this.borderColor} ${this.extraClass}`
+    return `border border-inherit ${this.color} ${this.textColor} ${this.borderColor} ${this.extraClass}`
   }
 
   get color() {
@@ -61,7 +61,7 @@ export class ButtonComponent {
       case 'primary':
         return 'focus:ring-4 focus:ring-primary-lightest'
       case 'outline':
-        return 'border border-gray-300 -m-[1px] hover:border-primary-lighter focus:border-primary-lighter focus:ring-4 focus:ring-primary-lightest active:border-primary-darker'
+        return 'border border-gray-300 hover:border-primary-lighter focus:border-primary-lighter focus:ring-4 focus:ring-primary-lightest active:border-primary-darker'
       case 'light':
         return 'focus:ring-4 focus:ring-gray-300'
     }

diff --git a/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.html b/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.html
@@ -11,7 +11,7 @@
   <gn-ui-button
     type="outline"
     class="grow min-w-0"
-    extraClass="!p-[8px] !pl-[16px] flex flex-row w-auto max-w-full {{
+    extraClass="!p-[8px] !pl-[16px] flex flex-row w-full max-w-full {{
       extraBtnClass
     }}"
     [title]="title"
@@ -21,7 +21,7 @@
     #overlayOrigin="cdkOverlayOrigin"
     (keydown)="handleTriggerKeydown($event)"
   >
-    <div class="grow font-medium truncate mr-2">
+    <div class="grow font-medium truncate pr-1 text-left">
       {{ getChoiceLabel() | translate }}
     </div>
     <mat-icon class="material-symbols-outlined shrink-0 opacity-40">