From: Daniel Calviño Sánchez <danxuliu@gmail.com>
Date: Sat, 20 May 2017 20:26:58 +0000 (+0200)
Subject: Align vertically loading icon and status message
X-Git-Tag: v12.0.3RC1~86^2~2
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=6fe6c0545e380c2a161d6a50f3b9b9142a6ea513;p=nextcloud-server.git

Align vertically loading icon and status message

As both elements are inline/inline-block and belong to the same line
they can be aligned vertically using "vertical-align: middle".

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---

diff --git a/apps/theming/css/settings-admin.css b/apps/theming/css/settings-admin.css
index fe86f4a9d27..0d671ef20bc 100644
--- a/apps/theming/css/settings-admin.css
+++ b/apps/theming/css/settings-admin.css
@@ -47,10 +47,6 @@ form.uploadButton {
     visibility: visible;
 }
 
-#theming .icon-loading-small:after {
-    margin: -10px 0 0 -10px;
-}
-
 #theming label span {
     display: inline-block;
     min-width: 120px;
@@ -73,11 +69,15 @@ form.uploadButton {
 
 }
 #theming_settings_loading.icon-loading-small {
-    float: left;
-    padding: 0;
+    display: inline-block;
+    vertical-align: middle;
     margin-right: 10px;
 }
 
+#theming_settings_msg {
+    vertical-align: middle;
+}
+
 #theming-preview-logo {
     cursor: pointer;
 }