From 41914e50f27a36684c57a4bd35ffcae1226079a4 Mon Sep 17 00:00:00 2001
From: Danielle Fore <danielle@elementary.io>
Date: Tue, 16 Jan 2024 11:23:52 -0800
Subject: [PATCH] use RICH LIST

---
 src/Views/VPNPage.vala           |  1 +
 src/Widgets/VPN/VPNMenuItem.vala | 10 +++-------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/Views/VPNPage.vala b/src/Views/VPNPage.vala
index 234c91b5..a63cbc3a 100644
--- a/src/Views/VPNPage.vala
+++ b/src/Views/VPNPage.vala
@@ -48,6 +48,7 @@ public class Network.VPNPage : Network.Widgets.Page {
         };
         vpn_list.set_placeholder (placeholder);
         vpn_list.set_sort_func ((Gtk.ListBoxSortFunc) compare_rows);
+        vpn_list.add_css_class (Granite.STYLE_CLASS_RICH_LIST);
 
         var add_button_label = new Gtk.Label (_("Add Connection…"));
 
diff --git a/src/Widgets/VPN/VPNMenuItem.vala b/src/Widgets/VPN/VPNMenuItem.vala
index b3583d03..eb3f7c3c 100644
--- a/src/Widgets/VPN/VPNMenuItem.vala
+++ b/src/Widgets/VPN/VPNMenuItem.vala
@@ -40,7 +40,7 @@ public class Network.VPNMenuItem : Gtk.ListBoxRow {
 
     construct {
         var image = new Gtk.Image.from_icon_name ("network-vpn") {
-            pixel_size = 32
+            icon_size = LARGE
         };
 
         vpn_state = new Gtk.Image.from_icon_name ("user-offline") {
@@ -69,11 +69,11 @@ public class Network.VPNMenuItem : Gtk.ListBoxRow {
         };
 
         var vpn_info_button = new Gtk.Button () {
-            child = new Gtk.Image.from_icon_name ("view-more-horizontal-symbolic"),
+            has_frame = false,
+            icon_name = "view-more-horizontal-symbolic",
             margin_end = 3,
             valign = Gtk.Align.CENTER
         };
-        vpn_info_button.add_css_class (Granite.STYLE_CLASS_FLAT);
 
         connect_button = new Gtk.Button () {
             valign = Gtk.Align.CENTER,
@@ -83,10 +83,6 @@ public class Network.VPNMenuItem : Gtk.ListBoxRow {
         size_group.add_widget (connect_button);
 
         var grid = new Gtk.Grid () {
-            margin_start = 6,
-            margin_end = 6,
-            margin_top = 6,
-            margin_bottom = 6,
             column_spacing = 6
         };
         grid.attach (overlay, 0, 0, 1, 2);