UI: improve outbound row

Signed-off-by: Vasiliy Doylov <nekocwd@mainlining.org>

src/gtk/outbound-row.blp

@@ -1,12 +1,17 @@
 using Gtk 4.0;
-using Adw 1;
 
 template $SingularityUiOutboundRow: Gtk.Box {
   styles [
     "outbound-row",
   ]
 
+  spacing: 6;
+
   Label schema {
+    styles [
+      "schema",
+    ]
+
     label: "vless";
   }
 

src/gtk/style.css

@@ -2,3 +2,18 @@
     border-radius: 5px;
     padding: 10px;
 }
+.outbound-list {
+    background: none;
+}
+.outbound-list > row {
+    border-radius: 10px;
+}
+.outbound-list > row:selected {
+    background-color: alpha(var(--view-fg-color), 0.2);
+}
+.outbound-row > .schema {
+    background-color: alpha(var(--green-1), 0.4);
+    border-radius: 3px;
+    padding: 2px;
+    font-size: 13pt;
+}

src/gtk/window.blp

@@ -20,12 +20,16 @@ template $SingularityWindow: Adw.ApplicationWindow {
 
     content: Adw.Clamp {
       ScrolledWindow {
+        hscrollbar-policy: never;
+
         ListView outbounds {
+          margin-end: 12;
+          margin-start: 12;
           halign: fill;
           valign: start;
 
           styles [
-            "card",
+            "outbound-list",
           ]
         }
       }