feat: 7.0 or something daft like that

Co-authored-by: David Ralph <me@davidcralph.co.uk>

src/components/modals/main/scss/index.scss

@@ -188,6 +188,7 @@ h5 {
       flex-direction: row-reverse;
       justify-content: space-between;
       padding: 5px 5px 5px 20px;
+      transition: 0.3s;
 
       @include themed {
         background: t($modal-sidebar);

src/components/modals/main/settings/sections/Stats.jsx

@@ -72,7 +72,7 @@ export default class Stats extends PureComponent {
     this.setState({
       stats: {},
     });
-    toast.success('Stats reset');
+    toast('Stats reset');
     this.getAchievements();
     this.forceUpdate();
   }
@@ -97,9 +97,16 @@ export default class Stats extends PureComponent {
 
     return (
       <>
-        <span className="mainTitle">
-          {variables.getMessage('modals.main.settings.sections.stats.title')}
-        </span>
+        <div className="statsTopBar">
+          <span className="mainTitle">
+            {variables.getMessage('modals.main.settings.sections.stats.title')}
+          </span>
+          <div className="statsReset">
+            <button onClick={() => this.resetStats()}>
+              <MdRestartAlt /> {variables.getMessage('modals.main.settings.buttons.reset')}
+            </button>
+          </div>{' '}
+        </div>
         <div className="stats">
           <div className="statSection rightPanel">
             <div className="statIcon">
@@ -178,9 +185,6 @@ export default class Stats extends PureComponent {
               </div>
             </div>
           </div>
-          <div className="statsReset">
-          <button onClick={() => this.resetStats()}><MdRestartAlt /> {variables.getMessage('modals.main.settings.buttons.reset')}</button>
-        </div>
           <div className="statSection leftPanel">
             <span className="title">
               {variables.getMessage('modals.main.settings.sections.stats.achievements')}
@@ -195,7 +199,7 @@ export default class Stats extends PureComponent {
           <div className="achievements">
             {this.state.achievements.map((achievement, index) => {
               if (achievement.achieved) {
-                return achievementElement(index, achievement.name, achievement.achieved)
+                return achievementElement(index, achievement.name, achievement.achieved);
               }
             })}
           </div>

src/components/modals/welcome/welcome.scss

@@ -165,6 +165,7 @@
   display: flex;
   flex-flow: column;
   align-items: center;
+  transition: 0.3s;
 
   @include themed {
     background: t($modal-sidebar);