Added styling

diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss
index 87bc710af65d9a65463a8b630268b3158ae945ca..7c50322175a98518df5dd8277c1abce920b75559 100644 (file)
--- a/app/javascript/flavours/glitch/styles/admin.scss
+++ b/app/javascript/flavours/glitch/styles/admin.scss
@@ -246,6 +246,22 @@
   }
 }
 
+.flavour-screen {
+  display: block;
+  margin: 10px auto;
+  max-width: 100%;
+}
+
+.flavour-description {
+  display: block;
+  font-size: 16px;
+  margin: 10px 0;
+
+  & > p {
+    margin: 10px 0;
+  }
+}
+
 .report-accounts {
   display: flex;
   flex-wrap: wrap;

diff --git a/app/views/settings/flavours/show.html.haml b/app/views/settings/flavours/show.html.haml
index 8214f1b3d977b3d541954b71409785f6d12c9db2..43c0377370929ba2239ede0f4e9659b3717f992c 100644 (file)
--- a/app/views/settings/flavours/show.html.haml
+++ b/app/views/settings/flavours/show.html.haml
@@ -5,7 +5,7 @@
   = render 'shared/error_messages', object: current_user
 
   - Themes.instance.flavour(@selected)['screenshot'].each do |screen|
-    %img.flavour-screen{ width: 700, src: asset_pack_path(screen) }
+    %img.flavour-screen{ src: asset_pack_path(screen) }
 
   .flavour-description
     = t "flavours.#{@selected}.description", default: ''