Reduced size of room bar.

src/styles/components/_roombar.scss

@@ -33,10 +33,10 @@
 	left:0px;
 	top:0px;
 	right:0px;
-	padding:4px 8px 0px 30px;
+	padding:3px 8px 0px 30px;
 	vertical-align:middle;
 	background: rgba(0,0,0,0.2);
-	min-height:44px;
+	min-height:36px;
 }
 #roombar .roombar.notvisible {
 	background:transparent;
@@ -55,7 +55,7 @@
 	vertical-align:middle;
 	position:absolute;
 	left: 3px;
-	top: 5px;
+	top: 1px;
 	padding:6px;
 	display:block;
 	color:#ccc;
@@ -69,14 +69,14 @@
 	padding-right:.5em;
 }
 .roombar label {
-	padding-top:10px !important;
+	padding-top:7px !important;
 }
 .roombar .roomlabellabel {
 	display:none;
 	opacity: 0.7;
 	text-align:left;
 	margin-left:0.5em;
-	padding-top:4px;
+	padding-top:2px;
 }
 #roombar .roombar.notvisible {
 	.roombarcontent {

static/partials/roombar.html

@@ -4,7 +4,7 @@
 		<label class="pull-left control-label hidden-xs">{{_('Room')}}</label>
 		<div class="pull-left">
 			<div class="input-group">
-				<input class="form-control" ng-model="newroomid" ng-keyup="hitEnter($event)" type="text" placeholder="{{_('Main')}}"></input><span ng-if="roomid && roombarform.$pristine" class="input-group-btn"><a class="btn btn-default" title="{{_('Leave room')}}" ng-click="exit()"><i class="fa fa-eraser"></i></a></span><span ng-if="!roomid || !roombarform.$pristine" class="input-group-btn"><a class="btn btn-default" title="{{_('Change room')}}" ng-click="save()"><i class="fa fa-arrow-right"></i></a></span>
+				<input class="form-control input-sm" ng-model="newroomid" ng-keyup="hitEnter($event)" type="text" placeholder="{{_('Main')}}"></input><span ng-if="roomid && roombarform.$pristine" class="input-group-btn"><a class="btn btn-default btn-sm" title="{{_('Leave room')}}" ng-click="exit()"><i class="fa fa-eraser"></i></a></span><span ng-if="!roomid || !roombarform.$pristine" class="input-group-btn"><a class="btn btn-default btn-sm" title="{{_('Change room')}}" ng-click="save()"><i class="fa fa-arrow-right"></i></a></span>
 			</div>
 		</div>
 		<div class="pull-left">

static/partials/socialshare.html

@@ -1,7 +1,7 @@
 <div class="socialshare btn-group" ng-show="roomlink">
-	<a title="{{_('Share by Email')}}" class="btn btn-link" data-nw="email"><i class="fa fa-envelope fa-lg email"></i></a>
-	<a title="{{_('Share on Facebook')}}" class="btn btn-link" data-nw="facebook"><i class="fa fa-facebook fa-lg facebook"></i></a>
-	<a title="{{_('Share on Twitter')}}" class="btn btn-link" data-nw="twitter"><i class="fa fa-twitter fa-lg twitter"></i></a>
-	<a title="{{_('Share on Google Plus')}}" class="btn btn-link" data-nw="google"><i class="fa fa-google-plus fa-lg google"></i></a>
-	<a title="{{_('Share on XING')}}" class="btn btn-link" data-nw="xing"><i class="fa fa-xing fa-lg xing"></i></a>
+	<a title="{{_('Share by Email')}}" class="btn btn-link btn-sm" data-nw="email"><i class="fa fa-envelope fa-lg email"></i></a>
+	<a title="{{_('Share on Facebook')}}" class="btn btn-link btn-sm" data-nw="facebook"><i class="fa fa-facebook fa-lg facebook"></i></a>
+	<a title="{{_('Share on Twitter')}}" class="btn btn-link btn-sm" data-nw="twitter"><i class="fa fa-twitter fa-lg twitter"></i></a>
+	<a title="{{_('Share on Google Plus')}}" class="btn btn-link btn-sm" data-nw="google"><i class="fa fa-google-plus fa-lg google"></i></a>
+	<a title="{{_('Share on XING')}}" class="btn btn-link btn-sm" data-nw="xing"><i class="fa fa-xing fa-lg xing"></i></a>
 </div>