More styling

src/repetition.rs

@@ -8,8 +8,8 @@ use crate::{AppState, RootMessage};
 use iced::alignment::Horizontal::Center;
 use iced::keyboard::key::Physical::Code;
 use iced::widget::text::Style;
-use iced::widget::{Column, button, column, container, row, rule, space, text, tooltip};
-use iced::{Element, Fill, Left, Task, Theme, alignment, keyboard};
+use iced::widget::{button, column, container, row, rule, space, text, tooltip, Column};
+use iced::{alignment, keyboard, Element, Fill, Task, Theme};
 use rodio::MixerDeviceSink;
 use std::collections::HashSet;
 use std::sync::{Arc, Mutex};
@@ -113,12 +113,7 @@ impl RepetitionState {
     }
 
     pub fn view(&self) -> Element<'_, RepetitionMessage> {
-        container(
-            iced::widget::column![
-                button("Назад")
-                    .style(jl_button)
-                    .on_press(RepetitionMessage::Back),
-                column![
+        back_overlay(column![
                     container(self.draw_forward())
                         .width(Fill)
                         .height(Fill)
@@ -141,15 +136,8 @@ impl RepetitionState {
                             / 100.0
                     )
                 ]
-                .height(Fill)
-                .width(Fill)
-            ]
-            .align_x(Left)
-            .width(Fill),
-        )
-        .center_x(Fill)
-        .padding(10)
-        .into()
+            .height(Fill)
+            .width(Fill).into(), RepetitionMessage::Back)
     }
 
     fn draw_forward(&self) -> Element<'_, RepetitionMessage> {