[locationinfo] Clean up styling a bit more

1 files changed, 219 insertions, 223 deletions

diff --git a/modules-available/locationinfo/templates/page-config-panel-default.html b/modules-available/locationinfo/templates/page-config-panel-default.html
index 29fd0f16..1ffef408 100644
--- a/modules-available/locationinfo/templates/page-config-panel-default.html
+++ b/modules-available/locationinfo/templates/page-config-panel-default.html
@@ -20,96 +20,94 @@
 			<div class="col-md-6">
 				<div class="panel panel-default">
 					<div class="panel-heading">{{lang_generalSettings}}</div>
-					<div class="panel-body">
-						<div class="list-group">
-
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="panel-title">{{lang_displayName}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input class="form-control" name="name" id="panel-title" type="text" value="{{panelname}}">
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_displayNameTooltip}}
-									</div>
+					<div class="list-group">
+
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="panel-title">{{lang_displayName}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input class="form-control" name="name" id="panel-title" type="text" value="{{panelname}}">
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_displayNameTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="language">{{lang_language}}</label>
-									</div>
-									<div class="col-sm-8">
-										<select class="form-control" name="language" id="language">
-											{{#languages}}
-											<option value="{{cc}}" id="lang-{{cc}}" {{selected}}>{{name}}</option>
-											{{/languages}}
-										</select>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_languageTooltip}}
-									</div>
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="language">{{lang_language}}</label>
+								</div>
+								<div class="col-sm-8">
+									<select class="form-control" name="language" id="language">
+										{{#languages}}
+										<option value="{{cc}}" id="lang-{{cc}}" {{selected}}>{{name}}</option>
+										{{/languages}}
+									</select>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_languageTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="input-eco">{{lang_ecoMode}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input id="input-eco" type="checkbox" name="eco" {{eco_checked}}>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_ecoTooltip}}
-									</div>
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="input-eco">{{lang_ecoMode}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input id="input-eco" type="checkbox" name="eco" {{eco_checked}}>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_ecoTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="input-prettytime">{{lang_prettytime}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input id="input-prettytime" type="checkbox" name="prettytime" {{prettytime_checked}}>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_prettytimeTooltip}}
-									</div>
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="input-prettytime">{{lang_prettytime}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input id="input-prettytime" type="checkbox" name="prettytime" {{prettytime_checked}}>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_prettytimeTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="input-calupdate">{{lang_calendarUpdate}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input class="form-control" name="calupdate" type="number" min="30" id="input-calupdate"
-												 max="1440" value="{{calupdate}}" required>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_calupdateTooltip}}
-									</div>
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="input-calupdate">{{lang_calendarUpdate}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input class="form-control" name="calupdate" type="number" min="30" id="input-calupdate"
+											 max="1440" value="{{calupdate}}" required>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_calupdateTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="form-roomupdate">{{lang_roomUpdate}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input class="form-control" name="roomupdate" type="number" min="15" id="form-roomupdate"
-												 max="86400" value="{{roomupdate}}" required>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_roomupdateTooltip}}
-									</div>
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="form-roomupdate">{{lang_roomUpdate}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input class="form-control" name="roomupdate" type="number" min="15" id="form-roomupdate"
+											 max="86400" value="{{roomupdate}}" required>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_roomupdateTooltip}}
 								</div>
 							</div>
 						</div>
@@ -120,177 +118,175 @@
 			<div class="col-md-6">
 				<div class="panel panel-default" id="extra-div">
 					<div class="panel-heading">{{lang_mode}}</div>
-					<div class="panel-body">
-						<div class="list-group" id="overridableConfigs">
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="mode">{{lang_mode}}</label>
-									</div>
-									<div class="col-sm-8">
-										<select class="form-control" name="mode" id="mode" onchange="modeChange(id)">
-											<option value="1" id="mode1">{{lang_mode1}}</option>
-											<option value="2" id="mode2">{{lang_mode2}}</option>
-											<option value="3" id="mode3">{{lang_mode3}}</option>
-											<option value="4" id="mode4">{{lang_mode4}}</option>
-										</select>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_modeTooltip}}
-									</div>
+					<div class="list-group" id="overridableConfigs">
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="mode">{{lang_mode}}</label>
+								</div>
+								<div class="col-sm-8">
+									<select class="form-control" name="mode" id="mode" onchange="modeChange(id)">
+										<option value="1" id="mode1">{{lang_mode1}}</option>
+										<option value="2" id="mode2">{{lang_mode2}}</option>
+										<option value="3" id="mode3">{{lang_mode3}}</option>
+										<option value="4" id="mode4">{{lang_mode4}}</option>
+									</select>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_modeTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="input-roomplanner">{{lang_useRoomplanner}}</label>
-									</div>
-									<div class="col-sm-8">
-										<select class="form-control" name="roomplanner" id="input-roomplanner">
-											<option value="0" id="roomplanner0">{{lang_countIp}}</option>
-											<option value="1" id="roomplanner1">{{lang_countRoomplan}}</option>
-										</select>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_roomplannerTooltip}}
-									</div>
+						<div class="list-group-item">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="input-roomplanner">{{lang_useRoomplanner}}</label>
+								</div>
+								<div class="col-sm-8">
+									<select class="form-control" name="roomplanner" id="input-roomplanner">
+										<option value="0" id="roomplanner0">{{lang_countIp}}</option>
+										<option value="1" id="roomplanner1">{{lang_countRoomplan}}</option>
+									</select>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_roomplannerTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-s m2-h m3-h m4-h">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="input-vertical">{{lang_vertical}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input id="input-vertical" class="btstrpCheckbox" type="checkbox" name="vertical" {{vertical_checked}}>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_verticalTooltip}}
-									</div>
+						<div class="list-group-item m1-s m2-h m3-h m4-h">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="input-vertical">{{lang_vertical}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input id="input-vertical" class="btstrpCheckbox" type="checkbox" name="vertical" {{vertical_checked}}>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_verticalTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-s m2-s m3-h m4-s">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="startday">{{lang_startDay}}</label>
-									</div>
-									<div class="col-sm-8">
-										<select class="form-control" id="startday" name="startday">
-											<option value="0">{{lang_currentDay}}</option>
-											<option value="1">{{lang_monday}}</option>
-											<option value="2">{{lang_thuesday}}</option>
-											<option value="3">{{lang_wednesday}}</option>
-											<option value="4">{{lang_thursday}}</option>
-											<option value="5">{{lang_friday}}</option>
-											<option value="6">{{lang_saturday}}</option>
-											<option value="7">{{lang_sunday}}</option>
-										</select>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_startDayTooltip}}
-									</div>
+						<div class="list-group-item m1-s m2-s m3-h m4-s">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="startday">{{lang_startDay}}</label>
+								</div>
+								<div class="col-sm-8">
+									<select class="form-control" id="startday" name="startday">
+										<option value="0">{{lang_currentDay}}</option>
+										<option value="1">{{lang_monday}}</option>
+										<option value="2">{{lang_thuesday}}</option>
+										<option value="3">{{lang_wednesday}}</option>
+										<option value="4">{{lang_thursday}}</option>
+										<option value="5">{{lang_friday}}</option>
+										<option value="6">{{lang_saturday}}</option>
+										<option value="7">{{lang_sunday}}</option>
+									</select>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_startDayTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-s m2-s m3-h m4-s">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="scaledaysauto">{{lang_autoScale}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input id="scaledaysauto" class="btstrpCheckbox" type="checkbox" name="scaledaysauto" {{scaledaysauto_checked}}>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_autoscaleTooltip}}
-									</div>
+						<div class="list-group-item m1-s m2-s m3-h m4-s">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="scaledaysauto">{{lang_autoScale}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input id="scaledaysauto" class="btstrpCheckbox" type="checkbox" name="scaledaysauto" {{scaledaysauto_checked}}>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_autoscaleTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-s m2-s m3-h m4-s">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="daystoshow">{{lang_daysToShow}}</label>
-									</div>
-									<div class="col-sm-8">
-										<select class="form-control" id="daystoshow" name="daystoshow">
-											<option value="1">1</option>
-											<option value="2">2</option>
-											<option value="3">3</option>
-											<option value="4">4</option>
-											<option value="5">5</option>
-											<option value="6">6</option>
-											<option value="7">7</option>
-										</select>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_daysToShowTooltip}}
-									</div>
+						<div class="list-group-item m1-s m2-s m3-h m4-s">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="daystoshow">{{lang_daysToShow}}</label>
+								</div>
+								<div class="col-sm-8">
+									<select class="form-control" id="daystoshow" name="daystoshow">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3">3</option>
+										<option value="4">4</option>
+										<option value="5">5</option>
+										<option value="6">6</option>
+										<option value="7">7</option>
+									</select>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_daysToShowTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-s m2-h m3-s m4-s">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="rotation">{{lang_rotation}}</label>
-									</div>
-									<div class="col-sm-8">
-										<select class="form-control" id="rotation" name="rotation">
-											<option value="0">{{lang_rotation0}}</option>
-											<option value="3">{{lang_rotation3}}</option>
-											<option value="2">{{lang_rotation2}}</option>
-											<option value="1">{{lang_rotation1}}</option>
-										</select>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_rotationTooltip}}
-									</div>
+						<div class="list-group-item m1-s m2-h m3-s m4-s">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="rotation">{{lang_rotation}}</label>
+								</div>
+								<div class="col-sm-8">
+									<select class="form-control" id="rotation" name="rotation">
+										<option value="0">{{lang_rotation0}}</option>
+										<option value="3">{{lang_rotation3}}</option>
+										<option value="2">{{lang_rotation2}}</option>
+										<option value="1">{{lang_rotation1}}</option>
+									</select>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_rotationTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-s m2-h m3-s m4-s">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="show-hostname">{{lang_showHostname}}</label>
-									</div>
-									<div class="col-sm-8">
-										<input id="show-hostname" class="btstrpCheckbox" type="checkbox" name="hostname" {{hostname_checked}}>
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_hostnameTooltip}}
-									</div>
+						<div class="list-group-item m1-s m2-h m3-s m4-s">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="show-hostname">{{lang_showHostname}}</label>
+								</div>
+								<div class="col-sm-8">
+									<input id="show-hostname" class="btstrpCheckbox" type="checkbox" name="hostname" {{hostname_checked}}>
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_hostnameTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-s m2-h m3-h m4-h">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="input-scale">{{lang_scale}}</label>
-									</div>
-									<div class="col-sm-8">
-										<span><span class="range-display"></span>&thinsp;%</span>
-										<input id="input-scale" name="scale" type="range" step="1" min="10" max="90" value="{{scale}}">
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_scaleTooltip}}
-									</div>
+						<div class="list-group-item m1-s m2-h m3-h m4-h">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="input-scale">{{lang_scale}}</label>
+								</div>
+								<div class="col-sm-8">
+									<span><span class="range-display"></span>&thinsp;%</span>
+									<input id="input-scale" name="scale" type="range" step="1" min="10" max="90" value="{{scale}}">
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_scaleTooltip}}
 								</div>
 							</div>
+						</div>
 
-							<div class="list-group-item m1-h m2-h m3-h m4-s">
-								<div class="row">
-									<div class="col-sm-4">
-										<label for="input-switchtime">{{lang_switchTime}}</label>
-									</div>
-									<div class="col-sm-8">
-										<span><span class="range-display"></span>&thinsp;{{lang_sec}}</span>
-										<input id="input-switchtime" name="switchtime" type="range" step="1" min="1" max="120" value="{{switchtime}}">
-									</div>
-									<div class="col-sm-12 small text-muted spacebottop">
-										{{lang_switchTimeTooltip}}
-									</div>
+						<div class="list-group-item m1-h m2-h m3-h m4-s">
+							<div class="row">
+								<div class="col-sm-4">
+									<label for="input-switchtime">{{lang_switchTime}}</label>
+								</div>
+								<div class="col-sm-8">
+									<span><span class="range-display"></span>&thinsp;{{lang_sec}}</span>
+									<input id="input-switchtime" name="switchtime" type="range" step="1" min="1" max="120" value="{{switchtime}}">
+								</div>
+								<div class="col-sm-12 small text-muted spacebottop">
+									{{lang_switchTimeTooltip}}
 								</div>
 							</div>
 						</div>
@@ -435,12 +431,12 @@ document.addEventListener("DOMContentLoaded", function () {
 		// Add Panel for overwriting room specific config
 		$owPanels.find('#overrideRoom' + id).remove();
 		$owPanels.append('<div class="col-md-6" id="overrideRoom' + id + '">' +
-			'<div class="panel panel-default">' +
+			'<div class="panel panel-default body-dest">' +
 			'<div class="panel-heading clearfix">' +
 			name + ' {{lang_configOverride}}' +
 			'<div class="checkbox-inline pull-right">' +
 			'<input type="checkbox" id="override' + id + '" name="override' + id + '"/>' +
-			'</div></div><div class="panel-body"></div></div></div>');
+			'</div></div></div></div>');
 
 
 		// Load content into panel
@@ -514,7 +510,7 @@ document.addEventListener("DOMContentLoaded", function () {
 		});
 
 		// Append copied content to location specific <div>
-		var $panelBody = $('#overrideRoom' + locId).find('div.panel-body');
+		var $panelBody = $('#overrideRoom' + locId).find('div.body-dest');
 		$panelBody.append($contentCopy);
 
 		// Specific extra stuff needed
@@ -534,7 +530,7 @@ document.addEventListener("DOMContentLoaded", function () {
 	}
 
 	function unloadOverrideContent(id) {
-		var $panelBody = $('#overrideRoom' + id).find('div.panel-body');
+		var $panelBody = $('#overrideRoom' + id).find('div.body-dest');
 		$panelBody.find('div.list-group').remove();
 		if (overrides !== null && overrides[id] !== undefined) delete overrides[id]
 	}