Fixed volume icon position.

app/app.css

@@ -839,7 +839,7 @@ footer a:hover{
 }
 
 #volume-container {
-  width: 160px; /*12.5 px each side*/
+  width: 172px; /*12.5 px each side*/
   float: right;
   height: 100%;
 }
@@ -849,6 +849,7 @@ footer a:hover{
   padding-right: 12px;
   padding-left: 12px;
   margin-left: 12px;
+  float: left;
 }
 
 #volume-container-admin {
@@ -865,7 +866,10 @@ footer a:hover{
 }
 
 #volume-icon{
-  margin-left: 320px !important;
+  /*margin-left: 320px !important;*/
+  margin: 0 !important;
+  float: left;
+  margin-top: 7px !important;
 }
 
 #settings{

app/templates/room.html

@@ -6,8 +6,8 @@
               <nav>
                   <a class="back" href="/"><i class="fa fa-chevron-left"></i></a>
                   <h3>{{{type}}}</h3>
-                  <i class="fa fa-volume-off" id="volume-icon"></i>
                   <div id="volume-container">
+                      <i class="fa fa-volume-off" id="volume-icon"></i>
                       <input type="text" id="volume-slider" class="span2" value="" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="hide">
                   </div>
               </nav>