Move service message to be more visible

1 files changed, 9 insertions, 7 deletions

diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index 76138aa15..3a35c7dac 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -328,6 +328,15 @@ export default @observer class EditServiceForm extends Component {
                 )}
               </Tabs>
             )}
+
+            {recipe.message && (
+              <p className="settings__message" style={{
+                marginTop: 0,
+              }}>
+                <span className="mdi mdi-information" />
+                {recipe.message}
+              </p>
+            )}
             <div className="service-flex-grid">
               <div className="settings__options">
                 <div className="settings__settings-group">
@@ -417,13 +426,6 @@ export default @observer class EditServiceForm extends Component {
                 </div>
               </PremiumFeatureContainer>
             )}
-
-            {recipe.message && (
-              <p className="settings__message">
-                <span className="mdi mdi-information" />
-                {recipe.message}
-              </p>
-            )}
           </form>
         </div>
         <div className="settings__controls">