adjust UI

ren_browser/tabs/tabs.py

@@ -12,7 +12,7 @@ class TabsManager:
         self.page = page
         self.manager = SimpleNamespace(tabs=[], index=0)
         self.tab_bar = ft.Row(spacing=4)
-        self.content_container = ft.Container(expand=True, bgcolor=ft.Colors.BLACK, padding=ft.padding.all(10))
+        self.content_container = ft.Container(expand=True, bgcolor=ft.Colors.BLACK, padding=ft.padding.all(5))
 
         default_content = render_micron("Welcome to Ren Browser") if app_module.RENDERER == "micron" else render_plaintext("Welcome to Ren Browser")
         self._add_tab_internal("Home", default_content)
@@ -23,7 +23,12 @@ class TabsManager:
 
     def _add_tab_internal(self, title: str, content: ft.Control):
         idx = len(self.manager.tabs)
-        url_field = ft.TextField(label="URL", value=title, expand=True, text_style=ft.TextStyle(size=12))
+        url_field = ft.TextField(
+            value=title, 
+            expand=True, 
+            text_style=ft.TextStyle(size=12),
+            content_padding=ft.padding.only(top=8, bottom=8, left=8, right=8)
+        )
         go_btn = ft.IconButton(ft.Icons.OPEN_IN_BROWSER, tooltip="Load URL", on_click=lambda e, i=idx: self._on_tab_go(e, i))
         content_control = content
         tab_content = ft.Column(

ren_browser/ui/ui.py

@@ -13,7 +13,6 @@ def build_ui(page: Page):
     import ren_browser.app as app_module
     page.theme_mode = ft.ThemeMode.DARK
     page.appbar = ft.AppBar()
-    page.padding = 20
     page.window.maximized = True
 
     page_fetcher = PageFetcher()
@@ -79,16 +78,8 @@ def build_ui(page: Page):
             tab_manager.manager.tabs[tab_manager.manager.index]["url_field"],
             tab_manager.manager.tabs[tab_manager.manager.index]["go_btn"],
         ],
-        expand=True,
-        spacing=4,
-        vertical_alignment=ft.CrossAxisAlignment.CENTER,
-    )
-    page.appbar.title = ft.Container(
-        content=url_bar,
-        padding=ft.padding.only(top=3),
-        expand=True,
-        alignment=ft.alignment.center_left,
     )
+    page.appbar.title = url_bar
     orig_select_tab = tab_manager.select_tab
     def _select_tab_and_update_url(i):
         orig_select_tab(i)
@@ -97,6 +88,10 @@ def build_ui(page: Page):
         url_bar.controls.extend([tab["url_field"], tab["go_btn"]])
         page.update()
     tab_manager.select_tab = _select_tab_and_update_url
+    def _update_content_width(e=None):
+        tab_manager.content_container.width = page.width
+    _update_content_width()
+    page.on_resized = lambda e: (_update_content_width(), page.update())
     main_area = ft.Column(
         expand=True,
         controls=[tab_manager.tab_bar, tab_manager.content_container],
@@ -107,6 +102,11 @@ def build_ui(page: Page):
     page.add(
         ft.Column(
             expand=True,
-            controls=[layout],
+            controls=[
+                layout,
+                ft.Row(
+                    alignment=ft.MainAxisAlignment.END,
+                ),
+            ],
         ),
     )