Move some Snap buttons around

app/widgets/Draw/draw.tpl

@@ -62,11 +62,11 @@
                 <span class="primary active icon bubble color red" data-color="red"></span>
                 <p></p>
             </li>
-            <li>
+            <li class="on_desktop">
                 <span class="primary active icon bubble color green" data-color="green"></span>
                 <p></p>
             </li>
-            <li>
+            <li class="on_desktop">
                 <span class="primary active icon bubble color purple" data-color="purple"></span>
                 <p></p>
             </li>

app/widgets/Snap/snap.css

@@ -56,7 +56,6 @@
 }
 
 #snap button#snapswitch {
-    left: 2rem;
     display: none;
 }
 
@@ -64,6 +63,10 @@
     display: inherit;
 }
 
+#snap span#snapclose {
+    right: 0;
+}
+
 /* Controls */
 #snap ul.controls.list {
     position: absolute;

app/widgets/Snap/snap.tpl

@@ -15,18 +15,18 @@
         <button id="snapwait" class="button action color gray">
             <i class="material-icons">more_horiz</i>
         </button>
-        <button id="snapswitch" class="button action color">
-            <i class="material-icons">switch_camera</i>
-        </button>
     </div>
     <ul class="list controls">
         <li>
             <span id="snapback" class="primary icon color transparent active">
                 <i class="material-icons">arrow_back</i>
             </span>
+            <span id="snapswitch" class="control icon color transparent active">
+                <i class="material-icons">switch_camera</i>
+            </span>
             <span id="snapclose" class="control icon color transparent active">
                 <i class="material-icons">close</i>
             </span>
         </li>
     </ul>
-</div>
+</div>