More layout tweaks

bmlt-enabled · Jan 28, 2024 · 4dd197f · 4dd197f
1 parent ec0b932
commit 4dd197f
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 6 deletions.
diff --git a/src/app/components/meeting-list/meeting-list.component.scss b/src/app/components/meeting-list/meeting-list.component.scss
@@ -13,6 +13,10 @@ ion-accordion.accordion-expanded {
   border-style: solid;
   border-radius: 5px 5px 5px 5px;
   border-color: var(--ion-color-primary);
+  ion-item[slot=header] {
+    border-radius: 5px 5px 5px 5px;
+    border-color: var(--ion-color-primary);
+  }
 }
 
 ion-list {

diff --git a/src/app/pages/location-search/location-search.page.html b/src/app/pages/location-search/location-search.page.html
@@ -30,13 +30,28 @@
 <ion-footer class="no-padding">
   <ion-toolbar class="no-padding">
 
-    <ion-item class="text-wrap">
-      {{radius}} {{'MEETINGS_NEAREST' | translate}} <b>&nbsp;"{{ currentAddress }}"</b>
 
-      <ion-button slot="end" shape="round" expand="block" color="primary" id="LocationButton" (click)="locatePhone()" >
-        <ion-icon slot="end" name="locate-outline"></ion-icon>{{'SEARCH' | translate }}
-      </ion-button>
-    </ion-item>
+
+    <ion-grid>
+      <ion-row>
+        <ion-col>
+          <ion-button shape="round" expand="block" color="primary" id="LocationButton" (click)="locatePhone()" >
+            <ion-icon slot="end" name="locate-outline"></ion-icon>{{'SEARCH' | translate }}
+          </ion-button>
+        </ion-col>
+      </ion-row>
+      <ion-row>
+        <ion-col >
+          <ion-item class="text-wrap">
+            {{radius}} {{'MEETINGS_NEAREST' | translate}} <b>&nbsp;"{{ currentAddress }}"</b>
+          </ion-item>
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+
+
+
+
 
     <ion-range id="RadiusRange" min="5" max="50" [value]=radius (ionKnobMoveEnd)="getAllMeetings($event)"  pin="true" debounce="500">
       <ion-label color="primary" slot="start">5 {{'MEETINGS' | translate}}</ion-label>

diff --git a/src/theme/variables.scss b/src/theme/variables.scss
@@ -20,6 +20,10 @@
     padding: 0px;
   }
 
+  --ion-grid-padding: 0px;
+  --ion-grid-column-padding: 0px;
+  --ion-grid-row-padding: 0px;
+
   ion-range::part(pin) {
     display: inline-flex;
     align-items: center;