Finish mail settings management

src/assets/css/components/common/loading-mask.scss

@@ -1,10 +1,8 @@
 .loading-mask {
-  position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   z-index: 100;
-  background-color: rgba(200, 200, 200, 0.2);
 }

src/assets/css/pages/system/settings.scss

@@ -22,11 +22,8 @@
         font-size: 1.2em;
       }
 
-      .bt {
+      :nth-child(n+3) {
         flex: 0 0 auto;
-      }
-
-      .bt-reset {
         color: constants.$font-main-color;
       }
 

src/assets/svg/test.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M725.333333 85.333333v85.333334h-42.666666v597.333333c0 94.293333-76.373333 170.666667-170.666667 170.666667s-170.666667-76.373333-170.666667-170.666667V170.666667H298.666667V85.333333h426.666666z m-170.666666 554.666667a42.666667 42.666667 0 1 0 0 85.333333 42.666667 42.666667 0 0 0 0-85.333333z m-85.333334-128a42.666667 42.666667 0 1 0 0 85.333333 42.666667 42.666667 0 0 0 0-85.333333z m128-341.333333h-170.666666v170.666666h170.666666V170.666667z" /></svg>