From 762f6c6cbcfead2091dff415c11d3268ae5ffa5e Mon Sep 17 00:00:00 2001
From: jagansivam28 <jagansivam71@gmail.com>
Date: Tue, 23 Jun 2020 21:35:01 +0530
Subject: [PATCH] realm logo: Move day/night logo elements to allow them being
 alongside.

Previously in desktop view, the realm day/night logo element is arranged
one by one which is not looking good since we have a lot of space on the
the right side of the logo elements so we can move day/night logo elements
to allow them being alongside.

In mobile view, we don't have any space on the right side of the logo
elements so we don't have to change anything.
---
 static/styles/settings.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 9caa0b5c3b..73c0c6addf 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -127,6 +127,10 @@ h3 .fa-question-circle-o {
     }
 }
 
+.realm-logo-block {
+    display: inline-block;
+}
+
 #change_email_modal {
     width: 460px;
 }
@@ -1199,7 +1203,7 @@ input[type=checkbox] {
     width: 220px;
     height: 55px;
     text-align: center;
-    margin-bottom: 10px;
+    margin: 0px 80px 0px 20px;
 
     .settings-page-upload-text,
     .settings-page-delete-text {
@@ -1214,8 +1218,8 @@ input[type=checkbox] {
     .image_upload_spinner {
         width: 45px;
         height: 55px;
-        top: 30%;
-        right: 30%;
+        top: 5%;
+        right: 40%;
     }
 }