[IMP] Feed buttons reorganized

Author: OpenCode

src/lugus/lugus.py

@@ -12,6 +12,7 @@
 from textual.widgets import Header, Footer, ListItem, ListView, Rule, Select, Tree, Markdown, Static, Button, \
     Label, Input, Pretty, Switch
 from textual.reactive import reactive
+from rich.emoji import Emoji
 
 
 CONFIG_DIR = Path.joinpath(Path.home(), ".config/lugus")
@@ -245,15 +246,20 @@ def compose(self) -> ComposeResult:
                 },
             )
         yield tree
-        yield Button(
-            "Sync",
-            variant="primary",
-            id="sync",
-        )
-        yield Button(
-            "Add New Feed",
-            variant="primary",
-            id="add_new",
+        yield Horizontal(
+            Button(
+                Emoji.replace(":counterclockwise_arrows_button:"),
+                variant="primary",
+                id="sync",
+                tooltip="Get new articles from feeds",
+            ),
+            Button(
+                Emoji.replace(":heavy_plus_sign:"),
+                variant="primary",
+                id="add_new",
+                tooltip="Add a new feed",
+            ),
+            id="feed_buttons",
         )
 
 
@@ -423,7 +429,7 @@ def _synchronize_feeds(self, update_interface_element=None):
                 )
         if update_interface_element:
             update_interface_element.disabled = False
-            update_interface_element.label = "Sync"
+            update_interface_element.label = Emoji.replace(":counterclockwise_arrows_button:")
             self.notify("Feeds synchronized!")
         return
 

src/lugus/style.tcss

@@ -45,17 +45,24 @@ Screen {
 
 #feedsbar {
   width: 100%;
-  height: 90%;
+  height: 95%;
 }
 
-#sync {
+#feed_buttons {
   width: 100%;
   height: 5%;
 }
 
+#sync {
+  width: auto;
+  height: auto;
+  margin-right: 1;
+}
+
 #add_new {
-  width: 100%;
-  height: 5%;
+  width: auto;
+  height: auto;
+  margin-right: 1;
 }
 
 #articles_area {