Before button global styling

src/sync.rs

@@ -1,16 +1,20 @@
 use crate::data_provider::settings::{delete_settings, set_setting};
 use crate::dictionary::app_data_dir;
 use crate::sync::SyncMessage::NextAnimation;
-use crate::Page::PreviousPage;
-use crate::{fill_state, AppState, NavigatedPage, Page, RootMessage, DEFAULT_SPACING};
+use crate::{fill_state, AppState, RootMessage};
 use iced::widget::button::danger;
 use iced::widget::container::rounded_box;
-use iced::widget::{button, column, container, progress_bar, row, space, text};
-use iced::{Center, Element, Fill, Font, Left, Task};
+use iced::widget::{button, column, container, progress_bar, row, scrollable, space, text};
+use iced::{Center, Element, Fill, Font, Left, Length, Task};
 use std::io;
 use std::sync::{Arc, Mutex};
 use std::time::Duration;
+use iced::border::width;
+use iced::widget::operation::scroll_to;
 use zstd::{Decoder, Encoder, DEFAULT_COMPRESSION_LEVEL};
+use crate::navigation::{NavigatedPage, Page};
+use crate::navigation::Page::PreviousPage;
+use crate::styling::*;
 
 const API_URL: &str = "https://learning.micialware.ru/";
 /*const API_URL: &str = "http://localhost:8089/";*/
@@ -181,7 +185,7 @@ impl SyncState {
                 column![
                     text!("Ваш ключ синхронизации"),
                     container(
-                        container(text!("{}", key).size(20).font(Font::MONOSPACE)).padding(3)
+                        container(text!("{}", key).size(ACCENT_FONT_SIZE).font(Font::MONOSPACE)).padding(3)
                     )
 
                     .style(rounded_box),
@@ -208,7 +212,7 @@ impl SyncState {
         }
         .spacing(DEFAULT_SPACING)
         .align_x(Center)
-        .width(300)
+            .width(Length::Shrink)
         .into()
     }