Added details box

data/ui/main.blp

@@ -40,6 +40,8 @@ Adw.ApplicationWindow mainWindow {
     }
 
     Adw.Leaflet leaflet {
+      can-navigate-forward: false;
+      can-navigate-back: true;
       visible: false;
 
       Gtk.ScrolledWindow scrollWindow {
@@ -49,15 +51,11 @@ Adw.ApplicationWindow mainWindow {
         Gtk.ListBox searchResults {}
       }
 
-      Gtk.Label seeDetailsText {
-        label: "Select a result to see details";
-        hexpand: true;
-        halign: center;
-      }
-
       Gtk.Box detailsBox {
         orientation: vertical;
+        visible: false;
         margin-start: 14;
+        margin-end: 14;
 
         Gtk.Label detailsTitle {
           halign: start;
@@ -75,6 +73,42 @@ Adw.ApplicationWindow mainWindow {
           Gtk.Label detailsCurrentHours {
             halign: start;
           }
+
+          Gtk.Label detailsPricing {
+            halign: start;
+          }
+        }
+
+        Gtk.ListBox {
+          styles ["boxed-list"]
+          selection-mode: none;
+          margin-top: 8;
+          hexpand: true;
+
+          Gtk.ListBoxRow {
+            Gtk.Label detailsAddress {
+              halign: start;
+              margin-start: 12;
+              margin-top: 12;
+              margin-bottom: 12;
+            }
+          }
+
+          Gtk.ListBoxRow {
+            Gtk.Label detailsPhone {
+              halign: start;
+              margin-start: 12;
+              margin-top: 12;
+              margin-bottom: 12;
+            }
+          }
+
+          Gtk.ListBoxRow {
+            Gtk.LinkButton detailsUrl {
+              label: "View on yelp";
+              halign: start;
+            }
+          }
         }
       }
     }