general/languages

src/views/admin/general/languages.tpl

@@ -1,38 +1,30 @@
 <div class="languages">
-	<div class="col-lg-9">
+	<div class="row">
-		<div class="panel panel-default">
+		<div class="col-xs-2">Language Settings</div>
-			<div class="panel-heading">Language Settings</div>
+		<div class="col-xs-10">
-			<div class="panel-body">
+			<p>
-				<p>
+				The default language determines the language settings for all users who
-					The default language determines the language settings for all users who
+				are visiting your forum. <br />
-					are visiting your forum. <br />
+				Individual users can override the default language on their account settings page.
-					Individual users can override the default language on their account settings page.
+			</p>
-				</p>
 
-				<form class="row">
+			<form class="row">
-					<div class="form-group col-sm-6">
+				<div class="form-group col-sm-6">
-						<label for="defaultLang">Default Language</label>
+					<label for="defaultLang">Default Language</label>
-						<select id="language" data-field="defaultLang" class="form-control">
+					<select id="language" data-field="defaultLang" class="form-control">
-							<!-- BEGIN languages -->
+						<!-- BEGIN languages -->
-							<option value="{languages.code}" <!-- IF languages.selected -->selected<!-- ENDIF languages.selected -->>{languages.name} ({languages.code})</option>
+						<option value="{languages.code}" <!-- IF languages.selected -->selected<!-- ENDIF languages.selected -->>{languages.name} ({languages.code})</option>
-							<!-- END languages -->
+						<!-- END languages -->
-						</select>
+					</select>
-					</div>
+				</div>
-				</form>
+			</form>
 
 
-			</div>
-		</div>
-	</div>
-
-	<div class="col-lg-3 acp-sidebar">
-		<div class="panel panel-default">
-			<div class="panel-heading">Languages Control Panel</div>
-			<div class="panel-body">
-				<button class="btn btn-primary" id="save">Save Language Settings</button>
-			</div>
 		</div>
 	</div>
 </div>
 
 
+<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
+	<i class="material-icons">save</i>
+</button>