page-row: Reduce padding for popover

See https://gitlab.gnome.org/GNOME/epiphany/-/merge_requests/893#note_1019711

7 files changed, 10 insertions, 7 deletions

diff --git a/src/ephy-page-row.c b/src/ephy-page-row.c
index 48abe0ffc..5616ee093 100644
--- a/src/ephy-page-row.c
+++ b/src/ephy-page-row.c
@@ -189,11 +189,13 @@ ephy_page_row_set_adaptive_mode (EphyPageRow      *self,
 
   switch (adaptive_mode) {
     case EPHY_ADAPTIVE_MODE_NORMAL:
-      gtk_widget_set_margin_end (GTK_WIDGET (self->box), 2);
+      gtk_widget_set_margin_start (GTK_WIDGET (self->box), 3);
+      gtk_widget_set_margin_end (GTK_WIDGET (self->box), 1);
       gtk_box_set_spacing (self->box, 0);
 
       break;
     case EPHY_ADAPTIVE_MODE_NARROW:
+      gtk_widget_set_margin_start (GTK_WIDGET (self->box), 8);
       gtk_widget_set_margin_end (GTK_WIDGET (self->box), 0);
       gtk_box_set_spacing (self->box, 4);
 
diff --git a/src/resources/gtk/page-row.ui b/src/resources/gtk/page-row.ui
index 43c42d92f..00155a452 100644
--- a/src/resources/gtk/page-row.ui
+++ b/src/resources/gtk/page-row.ui
@@ -13,7 +13,8 @@
           <object class="GtkBox" id="box">
             <property name="visible">True</property>
             <property name="can_focus">False</property>
-            <property name="margin-start">6</property>
+            <property name="margin-start">3</property>
+            <property name="margin-end">1</property>
             <child>
               <object class="GtkStack" id="icon_stack">
                 <property name="visible">True</property>
diff --git a/src/resources/themes/Adwaita-dark.css b/src/resources/themes/Adwaita-dark.css
index cc020c20e..25f4c8321 100644
--- a/src/resources/themes/Adwaita-dark.css
+++ b/src/resources/themes/Adwaita-dark.css
@@ -277,7 +277,7 @@ fullscreenbox > flap > shadow { min-height: 9px; min-width: 9px; background: lin
 
 .pages-list { margin: 5px; }
 
-.pages-list row { min-height: 36px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #eeeeec; transition: none; box-shadow: none; }
+.pages-list row { min-height: 30px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #eeeeec; transition: none; box-shadow: none; }
 
 .pages-list row:not(:last-child) { margin-bottom: 2px; }
 
diff --git a/src/resources/themes/Adwaita.css b/src/resources/themes/Adwaita.css
index 1de8c1b93..52dcd96ea 100644
--- a/src/resources/themes/Adwaita.css
+++ b/src/resources/themes/Adwaita.css
@@ -277,7 +277,7 @@ fullscreenbox > flap > shadow { min-height: 9px; min-width: 9px; background: lin
 
 .pages-list { margin: 5px; }
 
-.pages-list row { min-height: 36px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #2e3436; transition: none; box-shadow: none; }
+.pages-list row { min-height: 30px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #2e3436; transition: none; box-shadow: none; }
 
 .pages-list row:not(:last-child) { margin-bottom: 2px; }
 
diff --git a/src/resources/themes/HighContrast.css b/src/resources/themes/HighContrast.css
index f0ded94a7..007bc73cd 100644
--- a/src/resources/themes/HighContrast.css
+++ b/src/resources/themes/HighContrast.css
@@ -275,7 +275,7 @@ fullscreenbox > flap > shadow { min-height: 9px; min-width: 9px; background: lin
 
 .pages-list { margin: 5px; }
 
-.pages-list row { min-height: 36px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #2e3436; transition: none; box-shadow: none; }
+.pages-list row { min-height: 30px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #2e3436; transition: none; box-shadow: none; }
 
 .pages-list row:not(:last-child) { margin-bottom: 2px; }
 
diff --git a/src/resources/themes/HighContrastInverse.css b/src/resources/themes/HighContrastInverse.css
index 8e7436f46..85bb8dd65 100644
--- a/src/resources/themes/HighContrastInverse.css
+++ b/src/resources/themes/HighContrastInverse.css
@@ -275,7 +275,7 @@ fullscreenbox > flap > shadow { min-height: 9px; min-width: 9px; background: lin
 
 .pages-list { margin: 5px; }
 
-.pages-list row { min-height: 36px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #eeeeec; transition: none; box-shadow: none; }
+.pages-list row { min-height: 30px; padding: 3px; border-radius: 5px; -gtk-outline-radius: 5px; border: none; color: #eeeeec; transition: none; box-shadow: none; }
 
 .pages-list row:not(:last-child) { margin-bottom: 2px; }
 
diff --git a/src/resources/themes/_Adwaita-base.scss b/src/resources/themes/_Adwaita-base.scss
index a533e18ff..aed7ae204 100644
--- a/src/resources/themes/_Adwaita-base.scss
+++ b/src/resources/themes/_Adwaita-base.scss
@@ -125,7 +125,7 @@ $menu_selected_color: if($variant == 'light', darken($bg_color, 6%), darken($bg_
   margin: 5px;
 
   row {
-    min-height: 36px;
+    min-height: 30px;
     padding: 3px;
     border-radius: 5px;
     -gtk-outline-radius: 5px;