Merge pull request #5969 from nextcloud/fix-vertical-alignment-of-loading-icon-and-status-message-in-theming-app

Fix vertical alignment of loading icon and status message in Theming app

1 files changed, 8 insertions, 20 deletions

diff --git a/apps/theming/css/settings-admin.css b/apps/theming/css/settings-admin.css
index 43d68b709a0..d39fe75e599 100644
--- a/apps/theming/css/settings-admin.css
+++ b/apps/theming/css/settings-admin.css
@@ -49,10 +49,6 @@ form.uploadButton {
     visibility: visible;
 }
 
-#theming .icon-loading-small:after {
-    margin: -10px 0 0 -10px;
-}
-
 #theming label span {
     display: inline-block;
     min-width: 120px;
@@ -60,14 +56,7 @@ form.uploadButton {
     vertical-align: top;
 }
 
-#theming .icon-loading-small {
-    display: inline-flex;
-    padding: 8px;
-    margin: 2px 0px;
-}
-
-#theming .icon-upload,
-#theming .icon-loading-small {
+#theming .icon-upload {
     padding: 8px 20px;
     width: 20px;
     margin: 2px 0px;
@@ -78,17 +67,16 @@ form.uploadButton {
 #theming_settings_status {
     height: 26px;
     margin: 10px;
-
 }
-#theming_settings_loading.icon-loading-small {
-    float: left;
-    padding: 0;
+
+#theming_settings_loading {
+    display: inline-block;
+    vertical-align: middle;
     margin-right: 10px;
 }
-div#theming_settings_msg {
-    margin: 8px;
-    margin-left:20px;
-    display: inline-block;
+
+#theming_settings_msg {
+    vertical-align: middle;
 }
 
 #theming-preview-logo {