Changed content layout

src/core/containers/base_container.py

@@ -8,8 +8,7 @@ from gi.repository import Gtk
 # Application imports
 from .left_box import LeftBox
 from .right_box import RightBox
-from ..widgets.button_controls import ButtonControls
+
-from ..widgets.path_label import PathLabel
 
 
 class BaseContainer(Gtk.Box):
@@ -24,21 +23,13 @@ class BaseContainer(Gtk.Box):
 
 
     def _setup_styling(self):
-        self.set_orientation(Gtk.Orientation.VERTICAL)
+        self.set_orientation(Gtk.Orientation.HORIZONTAL)
+        ctx = self.get_style_context()
+        ctx.add_class("container-padding-5px")
 
     def _setup_signals(self):
         ...
 
     def _load_widgets(self):
-        box  = Gtk.Box()
+        self.add(LeftBox())
-        box2 = Gtk.Box()
+        self.add(RightBox())
-        box.set_orientation(Gtk.Orientation.VERTICAL)
-        box2.set_orientation(Gtk.Orientation.HORIZONTAL)
-
-        box.add(ButtonControls())
-        box.add(PathLabel())
-        box2.add(LeftBox())
-        box2.add(RightBox())
-
-        self.add(box)
-        self.add(box2)

src/core/containers/right_box.py

@@ -8,6 +8,8 @@ from gi.repository import Gtk
 from gi.repository import Gdk
 
 # Application imports
+from ..widgets.button_controls import ButtonControls
+from ..widgets.path_label import PathLabel
 from .image_view_scroll import ImageViewScroll
 
 
@@ -32,4 +34,6 @@ class RightBox(Gtk.Box):
         ...
 
     def _load_widgets(self):
+        self.add(ButtonControls())
+        self.add(PathLabel())
         self.add(ImageViewScroll())

user_config/usr/share/mirage2/stylesheet.css

@@ -4,6 +4,10 @@
     border: 2px solid rgba(56, 56, 56, 1);
 }
 
+.container-padding-5px {
+    margin: 5px;
+}
+
 .button-highlighted {
     background-color: #AB7E45;
 }