Rounding next photo button #587

bpatrik · Aug 5, 2023 · 7b5e187 · 7b5e187
1 parent cac921e
commit 7b5e187
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.css b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.css
@@ -11,11 +11,10 @@
   font-size: xx-large;
   left: 0;
   background-color: rgba(0, 0, 0, 0.2);
-  border-radius: 5px !important;
 }
 
 .navigation-arrow span {
-  top: 20px;
+  vertical-align: bottom;
 }
 
 #controllers-container {

diff --git a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.html b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.html
@@ -161,11 +161,11 @@
 
   </div>
 
-  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow highlight"
+  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow highlight rounded-end"
        *ngIf="navigation.hasPrev && zoom == 1" title="key: left arrow" id="leftArrow" i18n-title
        (click)="previousPhoto.emit()"><span
     class="oi oi-chevron-left"></span></div>
-  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow highlight"
+  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow highlight rounded-start"
        *ngIf="navigation.hasNext && zoom == 1" title="key: right arrow" id="rightArrow" i18n-title
        (click)="nextMediaManuallyTriggered()">
     <span class="oi oi-chevron-right"></span>