sync component

src/popup/scss/base.scss

@@ -294,12 +294,15 @@ content {
     }
 }
 
-.no-items {
+.center-content, .no-items {
     display: flex;
-    height: 100%;
-    flex-direction: column;
     justify-content: center;
     align-items: center;
+    height: 100%;
+    flex-direction: column;
+}
+
+.no-items {
     text-align: center;
 
     .fa {

src/popup/scss/misc.scss

@@ -1,6 +1,6 @@
 @import "variables.scss";
 
-small {
+small, .small {
     font-size: $font-size-small;
 }
 

src/popup/scss/pages.scss

@@ -0,0 +1,9 @@
+@import "variables.scss";
+
+app-sync {
+    content {
+        .btn {
+            margin-bottom: 10px;
+        }
+    }
+}

src/popup/scss/popup.scss

@@ -1,4 +1,4 @@
-@import "../css/webfonts.css";
+@import "../css/webfonts.css";
 @import "variables.scss";
 @import "base.scss";
 @import "box.scss";
@@ -6,3 +6,4 @@
 @import "misc.scss";
 @import "plugins.scss";
 @import "environment.scss";
+@import "pages.scss";