adjust settings ui to make it readable

Reviewed-on: #4
Reviewed-by: RabbyDevs <rabbydevs@gmail.com>

iced

@@ -1 +1 @@
-Subproject commit 44b5deb447a6861074dc5ba4757e1dc16c9fa012
+Subproject commit a8a9e8984452bf91bfb3af49098303029f2f6a7b

src/components/settings.rs

@@ -1,5 +1,5 @@
-use iced::{Element, Length};
-use iced::widget::{Button, TextInput, Container, Column, Row, text};
+use iced::{Background, Color, Element, Length};
+use iced::widget::{container, text, Button, Column, Container, Row, TextInput};
 
 #[derive(Debug, Clone)]
 pub enum SettingsMessage {
@@ -43,8 +43,15 @@ impl SettingsModal {
             .spacing(20);
 
         Container::new(content)
-            .width(Length::Fixed(400.0))
-            .height(Length::Fixed(200.0))
+            .style(|_|
+                container::Style {
+                    text_color: Color::from_rgba8(255, 255, 255, 1.0).into(),
+                    background: Some(Background::Color(Color::from_rgba8(0, 0, 0, 0.75))),
+                    ..container::Style::default()
+                }
+            )
+            .width(Length::Fill)
+            .height(Length::Fill)
             .padding(20)
             .center(Length::Fill)
             .into()

src/main.rs

@@ -534,7 +534,7 @@ impl Launcher {
                     .on_press(Message::OpenSettings);
 
                 let bottom_bar = container(row![
-                    text("The quick brown fox jumped over the lazy dog.").size(25).font(font),
+                    // TODO: add info widget for game + rr here
                     Space::new(Length::Fill, Length::Fixed(0.0)),
                     opaque(mouse_area(download_button
                         .padding(Padding { top: 10.0, right: 70.0, bottom: 10.0, left: 70.0 })