Improved: css for border bottom of list item (hotwax#12)

amansinghbais · Nov 17, 2023 · b801c3a · b801c3a
1 parent 6f38fdf
commit b801c3a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/theme/variables.css b/src/theme/variables.css
@@ -334,6 +334,7 @@ hr {
   grid-template-columns: repeat(var(--implicit-columns), 1fr) max-content;
   justify-items: center;
   align-items: center;
+  border-bottom: var(--border-medium);
 }
 
 .list-item > * {
@@ -343,6 +344,7 @@ hr {
 .list-item > *:last-child {
   display: unset;
   justify-self: end;
+  border-bottom: none;
 }
 
 .list-item > ion-label {

diff --git a/src/views/FacilityDetails.vue b/src/views/FacilityDetails.vue
@@ -275,8 +275,7 @@
                 <ion-button fill="clear">{{ translate("Edit") }}</ion-button>
                 <ion-button fill="clear" color="danger">{{ translate("Remove") }}</ion-button>
               </ion-card>
-            </div>          
-            <hr />
+            </div>
           </div>
 
           <div v-else-if="segment === 'staff'">
@@ -354,7 +353,6 @@
                 <ion-icon slot="icon-only" :icon="ellipsisVerticalOutline" />
               </ion-button>
             </div>
-            <hr />
           </div>
         </div>
       </main>