From fadb6bfb9bfc8d1abe421b6b5041ddd5d84fcb44 Mon Sep 17 00:00:00 2001
From: Christopher Davis <christopherdavis@gnome.org>
Date: Wed, 29 Jun 2022 21:12:12 -0400
Subject: [PATCH] image_view: Move controls to the bottom

Per Allan Day's latest mockups
---
 data/gtk/image_view.ui | 55 +++++++++++++++++++++---------------------
 1 file changed, 27 insertions(+), 28 deletions(-)

diff --git a/data/gtk/image_view.ui b/data/gtk/image_view.ui
index 88af8a3..5b55581 100644
--- a/data/gtk/image_view.ui
+++ b/data/gtk/image_view.ui
@@ -16,34 +16,33 @@
           </object>
         </child>
         <child type="overlay">
-          <object class="GtkButton" id="prev_button">
-            <property name="halign">start</property>
-            <property name="valign">center</property>
-            <property name="margin-start">18</property>
-            <property name="margin-end">18</property>
-            <property name="icon-name">go-previous-symbolic</property>
-            <property name="action-name">iv.previous</property>
-            <property name="tooltip-text" translatable="yes">Previous Image</property>
-            <style>
-              <class name="osd"/>
-              <class name="circular"/>
-            </style>
-          </object>
-        </child>
-        <child type="overlay">
-          <object class="GtkButton" id="next_button">
-            <property name="hexpand">True</property>
-            <property name="halign">end</property>
-            <property name="valign">center</property>
-            <property name="margin-start">18</property>
-            <property name="margin-end">18</property>
-            <property name="icon-name">go-next-symbolic</property>
-            <property name="action-name">iv.next</property>
-            <property name="tooltip-text" translatable="yes">Next Image</property>
-            <style>
-              <class name="osd"/>
-              <class name="circular"/>
-            </style>
+          <object class="GtkBox" id="controls_box">
+            <property name="halign">center</property>
+            <property name="valign">end</property>
+            <property name="margin-bottom">18</property>
+            <property name="spacing">12</property>
+            <child>
+              <object class="GtkButton" id="prev_button">
+                <property name="icon-name">go-previous-symbolic</property>
+                <property name="action-name">iv.previous</property>
+                <property name="tooltip-text" translatable="yes">Previous Image</property>
+                <style>
+                  <class name="osd"/>
+                  <class name="circular"/>
+                </style>
+              </object>
+            </child>
+            <child>
+              <object class="GtkButton" id="next_button">
+                <property name="icon-name">go-next-symbolic</property>
+                <property name="action-name">iv.next</property>
+                <property name="tooltip-text" translatable="yes">Next Image</property>
+                <style>
+                  <class name="osd"/>
+                  <class name="circular"/>
+                </style>
+              </object>
+            </child>
           </object>
         </child>
       </object>