From 4dd197fc1b9f7b3e81123617d3cb8186bec05119 Mon Sep 17 00:00:00 2001
From: Paul Nagle <paulnagle@gmail.com>
Date: Sun, 28 Jan 2024 16:51:08 +0000
Subject: [PATCH] More layout tweaks

---
 .../meeting-list/meeting-list.component.scss  |  4 +++
 .../location-search/location-search.page.html | 27 ++++++++++++++-----
 src/theme/variables.scss                      |  4 +++
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/app/components/meeting-list/meeting-list.component.scss b/src/app/components/meeting-list/meeting-list.component.scss
index 8a693f3..7dafd79 100644
--- 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
index 99c1063..fe53d23 100644
--- 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
index ef60b2a..13a1f09 100644
--- 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;