Feature: Ability to set an account name (#667)

* Ability to change the account name 
* Ability to set a language to the account

Addresses: #667  #307  

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

app/javascript/dashboard/assets/scss/_helper-classes.scss

@@ -3,8 +3,8 @@
 }
 
 .flex-center {
-  display: flex;
   @include flex-align(center, middle);
+  display: flex;
 }
 
 .bottom-space-fix {
@@ -17,42 +17,43 @@
 
 .spinner {
   @include color-spinner();
-  position: relative;
   display: inline-block;
-  width: $space-medium;
   height: $space-medium;
   padding: $zero $space-medium;
+  position: relative;
   vertical-align: middle;
+  width: $space-medium;
 
   &.message {
-    padding: $space-normal;
-    top: 0;
-    left: 0;
-    margin: 0 auto;
-    margin-top: $space-slab;
+    @include elegent-shadow;
     background: $color-white;
     border-radius: $space-large;
-    @include elegent-shadow;
+    left: 0;
+    margin: $space-slab 0 auto;
+    padding: $space-normal;
+    top: 0;
 
-    &:before {
-      margin-top: -$space-slab;
+    &::before {
       margin-left: -$space-slab;
+      margin-top: -$space-slab;
     }
   }
 
   &.small {
-    width: $space-normal;
     height: $space-normal;
+    width: $space-normal;
 
-    &:before {
-      width: $space-normal;
+    &::before {
       height: $space-normal;
       margin-top: -$space-small;
+      width: $space-normal;
     }
   }
 }
 
 
-input, textarea {
+input,
+textarea,
+select {
   border-radius: 4px !important;
 }