Fix syntax in SCSS and reformat

aleksis/core/static/public/style.scss

@@ -138,7 +138,7 @@ ul.sidenav li.logo > a:hover {
 }
 
 .sidenav-badge {
-  min-width: 2rem!important;
+  min-width: 2rem !important;
 }
 
 .sidenav li.search {
@@ -553,11 +553,11 @@ th.orderable.desc > a {
   font-weight: 700;
 }
 
-figure.alert > :not(.material-icons.left){
+figure.alert > :not(.material-icons.left) {
   margin-left: 39px;
 }
 
-.alert figcaption  {
+.alert figcaption {
   font-weight: 700;
   font-size: 17px;
   margin: auto;
@@ -565,7 +565,7 @@ figure.alert > :not(.material-icons.left){
 
 div.alert > p,
 div.alert > div,
-figure.alert{
+figure.alert {
   margin: 10px;
   padding: 10px;
   border-left: 5px solid;
@@ -573,7 +573,7 @@ figure.alert{
 
 div.alert.success > p,
 div.alert.success > div,
-figure.alert.success{
+figure.alert.success {
   @extend .success;
   border-color: color("green", "base");
 }
@@ -612,23 +612,23 @@ main figure.alert {
 // Text collapsible
 
 .text-collapsible > .material-icons {
-    font-size: 20px;
-    line-height: 15px;
-    margin-bottom: 2px;
-    margin-left: -1px;
-    vertical-align: middle;
-    cursor: pointer;
-    color: #6d6d6d;
+  font-size: 20px;
+  line-height: 15px;
+  margin-bottom: 2px;
+  margin-left: -1px;
+  vertical-align: middle;
+  cursor: pointer;
+  color: #6d6d6d;
 }
 
 .text-collapsible.opened .a,
 .text-collapsible.opened > .material-icons.open-icon {
-    display: none;
+  display: none;
 }
 
 .text-collapsible.closed .b,
 .text-collapsible.closed > .material-icons.close-icon {
-    display: none;
+  display: none;
 }
 
 // Helpers
@@ -772,10 +772,10 @@ main figure.alert {
 }
 
 .card .card-action-light {
-	background-color: inherit;
-	border-top: 1px solid rgba(160, 160, 160, 0.2);
-	position: relative;
-	padding: 16px 24px;
+  background-color: inherit;
+  border-top: 1px solid rgba(160, 160, 160, 0.2);
+  position: relative;
+  padding: 16px 24px;
 }
 
 .margin-top {
@@ -829,7 +829,7 @@ $person-logo-size: 20vh;
   }
 }
 
-.clip-circle.no-image, .clip-circle.no-image>i.material-icons {
+.clip-circle.no-image, .clip-circle.no-image > i.material-icons {
   font-size: calc(#{$person-logo-size} * 0.5);
   color: #6f6f6f;
   background: #f2f2f2;
@@ -864,6 +864,7 @@ $person-logo-size: 20vh;
   right: $main-padding-lr;
   margin: 0;
   align-items: end;
+
   & a {
     -webkit-transition: width 0.5s 0s ease;
     -moz-transition: width 0.5s 0s ease;
@@ -903,6 +904,7 @@ $person-logo-size: 20vh;
 .materialboxed {
   &:not(.active) {
     opacity: 100% !important;
+
     & > img:hover {
       opacity: 80%;
     }
@@ -917,6 +919,7 @@ $person-logo-size: 20vh;
       object-fit: contain;
     }
   }
+}
 
 .application-circle {
   border-radius: 50%;
@@ -927,5 +930,5 @@ $person-logo-size: 20vh;
 
 .application-circle img {
   @extend .application-circle;
-    object-fit: cover;
+  object-fit: cover;
 }