Reorder deprecated mixed order declarations in SCSS

Change-Id: Ibc2cd2574e55ab3cc42d1e59d5252b78a746e195
diff --git a/dev/scss/main/tutorial.scss b/dev/scss/main/tutorial.scss
index e0bd0a4..d6f8459 100644
--- a/dev/scss/main/tutorial.scss
+++ b/dev/scss/main/tutorial.scss
@@ -16,12 +16,6 @@
   background-color: $nearly-white;
   box-shadow:       $choose-box-shadow;
 
-  .button-group.button-view {
-    background-color: $middle-grey;
-    display:          block;
-    height:           100%;
-  }
-
   border: {
     width:  2 * $border-size;
     color:  $dark-grey;
@@ -29,6 +23,12 @@
     radius: $standard-border-radius;
   }
 
+  .button-group.button-view {
+    background-color: $middle-grey;
+    display:          block;
+    height:           100%;
+  }
+
   iframe {
     border-width: 0;
     width: 100%;
@@ -48,10 +48,10 @@
   font-size: 80%;
   margin-left: 3em;
   margin-bottom: 3em;
+  text-indent: -1.5em;
   cite {
     font-weight: bold;
   }
-  text-indent: -1.5em;
 }
 
 body.embedded {