Whole bunch of improvements to how it looks

Author: Kn4ughty

src/main.rs

@@ -134,12 +134,13 @@ impl State {
             .id(self.text_id.clone())
             .on_input(Message::TextInputChanged)
             .on_submit(Message::TextInputSubmitted("test".to_string()))
+            .padding(8.0)
             .style(|theme, status| {
                 let mut base_style = widget::text_input::default(theme, status);
                 base_style.border = iced::Border {
                     color: iced::Color::TRANSPARENT,
                     width: 0.0,
-                    radius: 0.0.into(),
+                    radius: 10.0.into(),
                 };
                 base_style
             });
@@ -246,7 +247,7 @@ fn main() -> iced::Result {
         .decorations(false)
         .antialiasing(true)
         .transparent(true)
-        .window_size((800.0, 300.0))
+        .window_size((800.0, 320.0))
         .theme(State::theme)
         // .theme(|s| iced::theme::Theme::CatppuccinMocha)
         // .theme(|_s| {

src/widglets/list.rs

@@ -3,6 +3,8 @@ use iced::widget;
 use super::PADDING;
 use super::{HeadingLevel, heading};
 
+const ICON_SIZE: f32 = 32.0;
+
 // pub struct ResultList<Message> {
 //     selected_index: usize,
 //     rows: Vec<ListRow<Message>>,
@@ -93,18 +95,20 @@ where
             .into()
         })
         .width(iced::Shrink)
-        .height(iced::Length::Fixed(32.0)); // i dont like this
+        .height(iced::Length::Fixed(ICON_SIZE)); // i dont like this
 
         row_widget = row_widget.push(icon_widget);
         row_widget = row_widget.push(widget::space().width(iced::Length::Fixed(PADDING)));
 
-        let text_widget = widget::container(
+        let mut text_area = widget::column(vec![]);
+
+        let main_name = widget::container(
             heading(HeadingLevel::H3, value.text, None)
                 .align_x(iced::Left)
                 .align_y(iced::Alignment::Center)
                 .width(iced::Fill),
         );
-        row_widget = row_widget.push(text_widget);
+        text_area = text_area.push(main_name);
 
         let subtext_widget = widget::container(
             heading(
@@ -115,7 +119,10 @@ where
             .align_x(iced::Right)
             .align_y(iced::Alignment::Center),
         );
-        row_widget = row_widget.push(subtext_widget);
+        text_area = text_area.push(subtext_widget);
+        // row_widget = row_widget.push(subtext_widget);
+        //
+        row_widget = row_widget.push(text_area);
 
         widget::container(
             widget::button(row_widget)
@@ -130,7 +137,7 @@ where
                     match status {
                         widget::button::Status::Hovered => {
                             button_style =
-                                button_style.with_background(ext_pallet.primary.weak.color);
+                                button_style.with_background(ext_pallet.secondary.weak.color);
                         }
                         widget::button::Status::Active | widget::button::Status::Pressed => {
                             button_style = button_style.with_background(iced::color!(0, 0, 0, 0.0));

src/widglets/mod.rs

@@ -60,17 +60,12 @@ pub fn heading<'a>(
     let mut font = font.unwrap_or(iced::Font::DEFAULT);
 
     let font_mult = match level {
-        HeadingLevel::H1 => 3.0,
-        HeadingLevel::H2 => 2.0,
-        HeadingLevel::H3 => 1.25,
-        HeadingLevel::Subheading => 1.0,
+        HeadingLevel::H1 => 2.0,
+        HeadingLevel::H2 => 1.5,
+        HeadingLevel::H3 => 1.0,
+        HeadingLevel::Subheading => 0.7,
     };
 
-    // let font_color = match level {
-    //     HeadingLevel::Subheading => iced
-    //     _ => None
-    // }
-
     font.weight = match level {
         HeadingLevel::H1 | HeadingLevel::H2 => iced::font::Weight::Bold,
         _ => iced::font::Weight::Normal,
@@ -80,7 +75,7 @@ pub fn heading<'a>(
         .size(iced::Settings::default().default_text_size * font_mult)
         .style(move |theme: &iced::Theme| {
             let c = match level {
-                HeadingLevel::Subheading => Some(theme.extended_palette().background.strong.text),
+                HeadingLevel::Subheading => Some(iced::color!(140, 140, 150)),
                 _ => None,
             };
             widget::text::Style { color: c }