From 0a32fefe6ceb9ff93edebd94f25df0e235c7ed5a Mon Sep 17 00:00:00 2001
From: Jas Laferriere <Fizzi36@gmail.com>
Date: Fri, 3 Jul 2020 18:12:56 -0700
Subject: [PATCH] fix color and margin of warning

---
 app/components/Settings.js   | 14 ++++++--------
 app/components/Settings.scss |  4 ++++
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/components/Settings.js b/app/components/Settings.js
index 66b9d32a4..6b2c57c59 100644
--- a/app/components/Settings.js
+++ b/app/components/Settings.js
@@ -315,14 +315,8 @@ export default class Settings extends Component {
     if (platform !== 'linux') {
       playbackDolphinDescription = (
         <div>
-          <div>
-            An instance of Dolphin for playing replays comes bundled
-            with this app. This setting allows you to configure a different instance.
-          </div>
-          <Message warning={true}>
-            <Icon name="warning sign" />
-            <strong>The default should be used by almost everyone. Only modify if you know what you are doing</strong>
-          </Message>
+          An instance of Dolphin for playing replays comes bundled
+          with this app. This setting allows you to configure a different instance.
         </div>
       );
 
@@ -343,6 +337,10 @@ export default class Settings extends Component {
           label="Playback Dolphin Path"
           description={playbackDolphinDescription}
         />
+        <Message className={styles['dolphin-warning']} color="yellow" warning={true}>
+          <Icon name="warning sign" />
+          <strong>The default should be used by almost everyone. Only modify if you know what you are doing</strong>
+        </Message>
         <SpacedGroup customColumns="1fr auto">
           <ActionInput
             showLabelDescription={false}
diff --git a/app/components/Settings.scss b/app/components/Settings.scss
index e476f74d4..4ceb8d905 100644
--- a/app/components/Settings.scss
+++ b/app/components/Settings.scss
@@ -25,6 +25,10 @@
   color: black;
 }
 
+.dolphin-warning {
+  margin-right: 6px !important;
+}
+
 .iso-selection-container {
   position: relative;
 }