buttons/ui_sizes: Add prefix symbols to narrowing buttons in top-left.

This commit adds prefix symbols to the main buttons in the top left
corner of the UI. This aims to make the main buttons stand out more and
approximate the designs used in the web app.

This change also leads to a cleaner design, since these top buttons are
now indented and aligned similarly to the panels beneath them, eg. the
list of streams.

The symbol used as a prefix in headers of direct messages is reused for
the 'Direct messages' button, with other buttons using symbols added in
the previous commit.

The left part of the UI is increased in width to accommodate the new
additions.

Note that the "title" style is used to make the icons bolder, though
this should be decoupled in future.

Author: supascooopa

zulipterminal/config/ui_sizes.py

@@ -3,7 +3,7 @@
 """
 
 TAB_WIDTH = 3
-LEFT_WIDTH = 29
+LEFT_WIDTH = 31
 RIGHT_WIDTH = 23
 
 # These affect popup width-scaling, dependent upon window width

zulipterminal/ui_tools/buttons.py

@@ -13,7 +13,14 @@
 from zulipterminal.api_types import RESOLVED_TOPIC_PREFIX, EditPropagateMode, Message
 from zulipterminal.config.keys import is_command_key, primary_key_for_command
 from zulipterminal.config.regexes import REGEX_INTERNAL_LINK_STREAM_ID
-from zulipterminal.config.symbols import CHECK_MARK, MUTE_MARKER
+from zulipterminal.config.symbols import (
+    ALL_MESSAGES_MARKER,
+    CHECK_MARK,
+    DIRECT_MESSAGE_MARKER,
+    MENTIONED_MESSAGES_MARKER,
+    MUTE_MARKER,
+    STARRED_MESSAGES_MARKER,
+)
 from zulipterminal.config.ui_mappings import EDIT_MODE_CAPTIONS, STREAM_ACCESS_TYPE
 from zulipterminal.helper import StreamData, hash_util_decode, process_media
 from zulipterminal.urwid_types import urwid_MarkupTuple, urwid_Size
@@ -122,6 +129,7 @@ def __init__(self, *, controller: Any, count: int) -> None:
 
         super().__init__(
             controller=controller,
+            prefix_markup=("title", ALL_MESSAGES_MARKER),
             label_markup=(None, button_text),
             suffix_markup=("unread_count", ""),
             show_function=controller.narrow_to_all_messages,
@@ -136,6 +144,7 @@ def __init__(self, *, controller: Any, count: int) -> None:
         super().__init__(
             controller=controller,
             label_markup=(None, button_text),
+            prefix_markup=("title", DIRECT_MESSAGE_MARKER),
             suffix_markup=("unread_count", ""),
             show_function=controller.narrow_to_all_pm,
             count=count,
@@ -148,6 +157,7 @@ def __init__(self, *, controller: Any, count: int) -> None:
 
         super().__init__(
             controller=controller,
+            prefix_markup=("title", MENTIONED_MESSAGES_MARKER),
             label_markup=(None, button_text),
             suffix_markup=("unread_count", ""),
             show_function=controller.narrow_to_all_mentions,
@@ -161,6 +171,7 @@ def __init__(self, *, controller: Any, count: int) -> None:
 
         super().__init__(
             controller=controller,
+            prefix_markup=("title", STARRED_MESSAGES_MARKER),
             label_markup=(None, button_text),
             suffix_markup=("starred_count", ""),
             show_function=controller.narrow_to_all_starred,