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);

src/scss/_toast.scss

@@ -16,6 +16,7 @@
 
 .Toastify__close-button {
   align-self: center !important;
+  color: var(--modal-text) !important;
 }
 
 .Toastify__progress-bar--default {

src/scss/index.scss

@@ -118,3 +118,16 @@ body {
     format('woff2');
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
+
+
+.statsTopBar {
+  display: flex;
+  justify-content: space-between; 
+  align-items: center;
+  button {
+    margin-bottom: 15px;
+    flex-flow: row !important;
+    padding-left: 20px; 
+    padding-right: 20px;
+  }
+}