From d9e14969900a7857fc00a1091cc49ebd86531db9 Mon Sep 17 00:00:00 2001
From: kibigo! <marrus-sh@users.noreply.github.com>
Date: Sun, 10 Dec 2017 20:24:11 -0800
Subject: [PATCH] Added styling

---
 app/javascript/flavours/glitch/styles/admin.scss | 16 ++++++++++++++++
 app/views/settings/flavours/show.html.haml       |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss
index 87bc710af6..7c50322175 100644
--- 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 8214f1b3d9..43c0377370 100644
--- 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: ''