diff --git a/public/res/html/buttonHtmlCodeSettingsBlock.html b/public/res/html/buttonHtmlCodeSettingsBlock.html
index f1725e8c..02b5b086 100644
--- a/public/res/html/buttonHtmlCodeSettingsBlock.html
+++ b/public/res/html/buttonHtmlCodeSettingsBlock.html
@@ -1,10 +1,10 @@
 <p>Adds a "HTML code" button over the preview.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-4 control-label" for="textarea-html-code-template">Template
+		<label class="col-sm-4 control-label" for="textarea-html-code-template">Template
 			<a href="#" class="tooltip-template">(?)</a>
 		</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<textarea id="textarea-html-code-template" class="form-control"></textarea>
 		</div>
 	</div>
diff --git a/public/res/html/buttonMarkdownSyntax.html b/public/res/html/buttonMarkdownSyntax.html
index 15973653..da17da14 100644
--- a/public/res/html/buttonMarkdownSyntax.html
+++ b/public/res/html/buttonMarkdownSyntax.html
@@ -3,6 +3,7 @@
 </button>
 <div class="dropdown-menu pull-right">
 	<h3>Markdown syntax</h3>
+    <hr>
 	<div class="markdown-syntax">
 <h4>Phrase Emphasis</h4>
 
@@ -141,4 +142,5 @@ Violets are blue.
 
 <blockquote>Based on the <a target="_blank" href="https://github.com/fletcher/MultiMarkdown/blob/master/Documentation/Markdown%20Syntax.md">Markdown syntax guide</a>, by Fletcher T. Penney.</blockquote>
     </div>
+    <hr>
 </div>
diff --git a/public/res/html/buttonStat.html b/public/res/html/buttonStat.html
index 7a128776..114ff2f3 100644
--- a/public/res/html/buttonStat.html
+++ b/public/res/html/buttonStat.html
@@ -3,6 +3,7 @@
 </button>
 <div class="dropdown-menu pull-right">
 	<h3>Statistics</h3>
+    <hr>
 	<div class="stat">
 		<div>
 			<%= name1 %>: <span id="span-stat-value1"></span>
diff --git a/public/res/html/buttonStatSettingsBlock.html b/public/res/html/buttonStatSettingsBlock.html
index c082bdfc..ffbfe24c 100644
--- a/public/res/html/buttonStatSettingsBlock.html
+++ b/public/res/html/buttonStatSettingsBlock.html
@@ -2,20 +2,20 @@
 <div class="form-horizontal">
 	<div class="form-group form-inline">
 		<label class="label-text" for="input-stat-name1">Title</label> <input
-			id="input-stat-name1" type="text" class="form-control col-lg-3"> <label
+			id="input-stat-name1" type="text" class="form-control col-sm-3"> <label
 			class="label-text" for="input-stat-value1">RegExp</label> <input
-			id="input-stat-value1" type="text" class="form-control col-lg-4">
+			id="input-stat-value1" type="text" class="form-control col-sm-4">
 	</div>
 	<div class="form-group form-inline">
 		<label class="label-text" for="input-stat-name2">Title</label> <input
-			id="input-stat-name2" type="text" class="form-control col-lg-3"> <label
+			id="input-stat-name2" type="text" class="form-control col-sm-3"> <label
 			class="label-text" for="input-stat-value2">RegExp</label> <input
-			id="input-stat-value2" type="text" class="form-control col-lg-4">
+			id="input-stat-value2" type="text" class="form-control col-sm-4">
 	</div>
 	<div class="form-group form-inline">
 		<label class="label-text" for="input-stat-name3">Title</label> <input
-			id="input-stat-name3" type="text" class="form-control col-lg-3"> <label
+			id="input-stat-name3" type="text" class="form-control col-sm-3"> <label
 			class="label-text" for="input-stat-value3">RegExp</label> <input
-			id="input-stat-value3" type="text" class="form-control col-lg-4">
+			id="input-stat-value3" type="text" class="form-control col-sm-4">
 	</div>
 </div>
diff --git a/public/res/html/buttonSyncSettingsBlock.html b/public/res/html/buttonSyncSettingsBlock.html
index 94ffbd96..6be557e3 100644
--- a/public/res/html/buttonSyncSettingsBlock.html
+++ b/public/res/html/buttonSyncSettingsBlock.html
@@ -1,18 +1,18 @@
 <p>Adds a "Synchronize documents" button in the navigation bar.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-5 control-label" for="input-sync-period">Sync
+		<label class="col-sm-5 control-label" for="input-sync-period">Sync
 			period (0: manual)</label>
-		<div class="col-lg-6 form-inline">
+		<div class="col-sm-6 form-inline">
 			<input type="text" id="input-sync-period"
-				class="col-lg-5 form-control" placeholder="180000"> ms
+				class="col-sm-5 form-control" placeholder="180000"> ms
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-5 control-label"
+		<label class="col-sm-5 control-label"
 			for="input-sync-shortcut">Sync
 			shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
-		<div class="col-lg-6">
+		<div class="col-sm-6">
 			<input type="text" id="input-sync-shortcut"
 				class="form-control">
 		</div>
diff --git a/public/res/html/buttonToc.html b/public/res/html/buttonToc.html
index 9ab895cf..75dc56ec 100644
--- a/public/res/html/buttonToc.html
+++ b/public/res/html/buttonToc.html
@@ -3,6 +3,8 @@
 </button>
 <div class="dropdown-menu pull-right">
     <h3>Table of contents</h3>
+    <hr>
     <div class="table-of-contents">
     </div>
+    <hr>
 </div>
diff --git a/public/res/html/documentSelectorSettingsBlock.html b/public/res/html/documentSelectorSettingsBlock.html
index 89b602f3..5c66bce3 100644
--- a/public/res/html/documentSelectorSettingsBlock.html
+++ b/public/res/html/documentSelectorSettingsBlock.html
@@ -1,9 +1,9 @@
 <p>Allows toggling document with keyboard shortcuts.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-5 control-label" for="select-document-selector-orderby">Order
+		<label class="col-sm-5 control-label" for="select-document-selector-orderby">Order
 			by</label>
-		<div class="col-lg-6">
+		<div class="col-sm-6">
 			<select id="select-document-selector-orderby" class="form-control">
 				<option value="title">Document title</option>
 				<option value="mru">Most recently used</option>
@@ -11,19 +11,19 @@
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-5 control-label"
+		<label class="col-sm-5 control-label"
 			for="input-document-selector-shortcut-previous">"Previous"
 			shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
-		<div class="col-lg-6">
+		<div class="col-sm-6">
 			<input type="text" id="input-document-selector-shortcut-previous"
 				class="form-control">
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-5 control-label"
+		<label class="col-sm-5 control-label"
 			for="input-document-selector-shortcut-next">"Next"
 			shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
-		<div class="col-lg-6">
+		<div class="col-sm-6">
 			<input type="text" id="input-document-selector-shortcut-next"
 				class="form-control">
 		</div>
diff --git a/public/res/html/markdownExtraSettingsBlock.html b/public/res/html/markdownExtraSettingsBlock.html
index d997918d..8a48551e 100644
--- a/public/res/html/markdownExtraSettingsBlock.html
+++ b/public/res/html/markdownExtraSettingsBlock.html
@@ -1,99 +1,99 @@
 <p>Adds extra features to the original Markdown syntax.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-4 control-label" for="input-markdownextra-tables">Tables</label>
-		<div class="col-lg-7">
+		<label class="col-sm-4 control-label" for="input-markdownextra-tables">Tables</label>
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-tables">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-deflist">Definition lists</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-deflist">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-attrlist">Special attributes</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-attrlist">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-footnotes">Footnotes</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-footnotes">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-comments">Comments</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-comments">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-smartypants">SmartyPants</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-smartypants">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-newlines">GFM newlines</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-newlines">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-intraword">GFM intra-word stars/underscores</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-intraword">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-strikethrough">GFM strikethrough</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-strikethrough">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-fencedcodegfm">GFM fenced code
 			blocks</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<div class="checkbox">
 				<input type="checkbox" id="input-markdownextra-fencedcodegfm">
 			</div>
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label"
+		<label class="col-sm-4 control-label"
 			for="input-markdownextra-highlighter">Syntax highlighter</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<select id="input-markdownextra-highlighter" class="form-control"><option>None</option>
 				<option value="prettify">Prettify</option>
 				<option value="highlight">Highlight.js</option>
diff --git a/public/res/html/mathJaxSettingsBlock.html b/public/res/html/mathJaxSettingsBlock.html
index b50fbbf5..e83ef59a 100644
--- a/public/res/html/mathJaxSettingsBlock.html
+++ b/public/res/html/mathJaxSettingsBlock.html
@@ -1,16 +1,16 @@
 <p>Allows StackEdit to interpret LaTeX mathematical expressions.</p>
 <div class="form-horizontal">
     <div class="form-group">
-        <label class="col-lg-4 control-label"
+        <label class="col-sm-4 control-label"
             for="input-mathjax-config-tex">TeX configuration</label>
-        <div class="col-lg-7">
+        <div class="col-sm-7">
             <input type="text" id="input-mathjax-config-tex" class="form-control">
         </div>
     </div>
     <div class="form-group">
-        <label class="col-lg-4 control-label"
+        <label class="col-sm-4 control-label"
             for="input-mathjax-config-tex2jax">tex2jax configuration</label>
-        <div class="col-lg-7">
+        <div class="col-sm-7">
             <input type="text" id="input-mathjax-config-tex2jax" class="form-control">
         </div>
     </div>
diff --git a/public/res/html/notificationsSettingsBlock.html b/public/res/html/notificationsSettingsBlock.html
index d6fa69de..a04c848b 100644
--- a/public/res/html/notificationsSettingsBlock.html
+++ b/public/res/html/notificationsSettingsBlock.html
@@ -2,10 +2,10 @@
 	screen.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-4 control-label" for="input-notifications-timeout">Timeout</label>
-		<div class="col-lg-7 form-inline">
+		<label class="col-sm-4 control-label" for="input-notifications-timeout">Timeout</label>
+		<div class="col-sm-7 form-inline">
 			<input type="text" id="input-notifications-timeout"
-				class="col-lg-5 form-control"> <span class="help-inline">ms</span>
+				class="col-sm-5 form-control"> <span class="help-inline">ms</span>
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/public/res/html/settingsShortcutEntry.html b/public/res/html/settingsShortcutEntry.html
index 10e7aa43..fabeb2d4 100644
--- a/public/res/html/settingsShortcutEntry.html
+++ b/public/res/html/settingsShortcutEntry.html
@@ -1,13 +1,13 @@
 <div class="form-group">
-	<label class="col-lg-4 control-label"
+	<label class="col-sm-4 control-label"
 		for="input-settings-shortcut-<%= shortcut.name %>"><%= shortcut.title %></label>
-	<div class="col-lg-8 form-inline">
+	<div class="col-sm-8 form-inline">
 		<input type="text" id="input-settings-shortcut-<%= shortcut.name %>"
-			class="form-control col-lg-4">
-		<label class="col-lg-2 control-label"
+			class="form-control col-sm-4">
+		<label class="col-sm-2 control-label"
 		    for="input-settings-shortcut-<%= shortcut.name %>-mac">Mac</label>
         <input type="text"
 			id="input-settings-shortcut-<%= shortcut.name %>-mac"
-			class="form-control col-lg-4">
+			class="form-control col-sm-4">
 	</div>
 </div>
diff --git a/public/res/html/spellCheckSettingsBlock.html b/public/res/html/spellCheckSettingsBlock.html
index 40fddf33..a1317aef 100644
--- a/public/res/html/spellCheckSettingsBlock.html
+++ b/public/res/html/spellCheckSettingsBlock.html
@@ -1,8 +1,8 @@
 <p>Underlines mispelled words in the editor.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-5 control-label" for="select-spell-check-locale">Language</label>
-		<div class="col-lg-6">
+		<label class="col-sm-5 control-label" for="select-spell-check-locale">Language</label>
+		<div class="col-sm-6">
 			<select id="select-spell-check-locale" class="form-control">
 				<option value="en_US">English (United States)</option>
 				<option value="fr_FR">French (France)</option>
diff --git a/public/res/html/tocSettingsBlock.html b/public/res/html/tocSettingsBlock.html
index b926efa7..1204eee4 100644
--- a/public/res/html/tocSettingsBlock.html
+++ b/public/res/html/tocSettingsBlock.html
@@ -1,23 +1,23 @@
 <p>Generates a table of contents when a [TOC] marker is found.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-4 control-label" for="input-toc-marker">Marker
+		<label class="col-sm-4 control-label" for="input-toc-marker">Marker
 			RegExp</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 		
-			<input type="text" id="input-toc-marker" class="col-lg-4 form-control">
+			<input type="text" id="input-toc-marker" class="col-sm-4 form-control">
 		</div>
 	</div>
 	<div class="form-group">
-		<label class="col-lg-4 control-label" for="input-toc-maxdepth">Max depth</label>
-		<div class="col-lg-7 form-inline">
+		<label class="col-sm-4 control-label" for="input-toc-maxdepth">Max depth</label>
+		<div class="col-sm-7 form-inline">
 			<input type="text" id="input-toc-maxdepth"
-				class="col-lg-5 form-control" placeholder="6">
+				class="col-sm-5 form-control" placeholder="6">
 		</div>
 	</div>
 	<div class="form-group">
-        <label class="col-lg-4 control-label" for="input-toc-button">Button over preview</label>
-        <div class="col-lg-7">
+        <label class="col-sm-4 control-label" for="input-toc-button">Button over preview</label>
+        <div class="col-sm-7">
         <div class="checkbox">
             <input type="checkbox" id="input-toc-button">
             </div>
diff --git a/public/res/html/userCustomSettingsBlock.html b/public/res/html/userCustomSettingsBlock.html
index 718c3ea8..ccd6d000 100644
--- a/public/res/html/userCustomSettingsBlock.html
+++ b/public/res/html/userCustomSettingsBlock.html
@@ -1,10 +1,10 @@
 <p>Allows users to implement their own extension.</p>
 <div class="form-horizontal">
 	<div class="form-group">
-		<label class="col-lg-4 control-label" for="textarea-usercustom-code">JavaScript code
+		<label class="col-sm-4 control-label" for="textarea-usercustom-code">JavaScript code
 			<a href="#" class="tooltip-usercustom-extension">(?)</a>
 		</label>
-		<div class="col-lg-7">
+		<div class="col-sm-7">
 			<textarea id="textarea-usercustom-code" class="form-control"></textarea>
 		</div>
 	</div>