fix color and margin of warning

project-slippi · Jul 4, 2020 · 0a32fef · 0a32fef
1 parent 8edc6a4
commit 0a32fef
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git 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
@@ -25,6 +25,10 @@
   color: black;
 }
 
+.dolphin-warning {
+  margin-right: 6px !important;
+}
+
 .iso-selection-container {
   position: relative;
 }