4 files changed, 71 insertions, 68 deletions

diff --git a/dist/pages/about.html b/dist/pages/about.html
index 4087085..b83300c 100644
--- a/dist/pages/about.html
+++ b/dist/pages/about.html
@@ -142,7 +142,7 @@
 				<div class="row">
 					<p>
 						<small>
-							^HEAD 70555eff18936f28b2952ca05337124489db7dca
+							^HEAD 44fe5313019bbce17cce0d49ce6d49b1b4ebc35f
                         </small>
 					</p>
 				</div>
diff --git a/dist/pages/meals.html b/dist/pages/meals.html
index b1179eb..590e761 100644
--- a/dist/pages/meals.html
+++ b/dist/pages/meals.html
@@ -69,67 +69,67 @@
 </ul>
 
     <br>
-    <div class="container login" hidden="hidden" id="meals-login">
-	<h4 class="general-text"><x-su>loginToLopolis</x-su></h4>
-	<p class="general-text">
-		<x-du>loginToLopolisNote</x-du>
-	</p>
-	  <div class="row">
-	    <div class="col s12">
-	      <div class="row">
-	        <div class="input-field col s12">
-	          <input id="meals_username" type="text" value="" required="required" name="meals_password" class="validate">
-	          <label for="meals_username">Lopolis <x-su>username</x-su></label>
-	        </div>
-	      </div>
-	      <div class="row">
-	        <div class="input-field col s12">
-	          <input autocomplete="new-password" id="meals_password" type="password" value="" required="required" name="meals_password" class="validate">
-	          <label for="meals_password">Lopolis <x-su>password</x-su></label>
-	        </div>
-	      </div>
-	      <div class="row">
-	        <div class="input-field col s12">
-	          <button id="meals-login" type="button" class="waves-effect waves-light btn">
+    <div class="container login" hidden="hidden" id="meals-login-container">
+		<h4 class="general-text"><x-su>loginToLopolis</x-su></h4>
+		<p class="general-text">
+			<x-du>loginToLopolisNote</x-du>
+		</p>
+	  	<div class="row">
+	    	<div class="col s12">
+	      		<div class="row">
+	        		<div class="input-field col s12">
+	          			<input id="meals-username" type="text" value="" required="required" name="meals_password" class="validate">
+	          			<label for="meals-username">Lopolis <x-su>username</x-su></label>
+	        		</div>
+	      		</div>
+	      		<div class="row">
+	        		<div class="input-field col s12">
+	          			<input autocomplete="new-password" id="meals-password" type="password" value="" required="required" name="meals_password" class="validate">
+	          			<label for="meals-password">Lopolis <x-su>password</x-su></label>
+	        		</div>
+	      		</div>
+	      		<div class="row">
+	        		<div class="input-field col s12">
+	          			<button id="meals-login" type="button" class="waves-effect waves-light btn">
 							<x-su>loginToLopolis</x-su>
 							<i class="material-icons right">arrow_right_alt</i>
-		  			</button>
-	        </div>
-	      </div>
-	    </div>
-	  </div>
+		  				</button>
+	        		</div>
+	      		</div>
+	    	</div>
+	  	</div>
     </div>
     <div class="meals-container container" hidden="hidden" id="meals-container">
-	<h4>Meals
-		<button id="meals-logout" type="button" class="waves-effect waves-light btn" style="float: right">
-			<x-su>logOutFromLopolis</x-su>
-			<i class="material-icons right">exit_to_app</i>
-		</button>
-	</h4>
-	<ul id="meals-collapsible" class="collapsible"></ul>
-	<p>
-		<small>
-			<b>
-				<x-su>usage</x-su>:
-			</b>
-			<x-du>mealsUsageNote</x-du>
-			<br>
-			<b>
-				<x-su>note</x-su>:
-			</b>
-			<x-du>lunchesNote</x-du>
-			<br>
-			<b>
-				<x-su>note</x-su>:
-			</b>
-			<x-du>mealNotShownNote</x-du>
-			<br>
-			<b>
-				Note:
-			</b>
+		<h4>Meals
+			<button id="meals-logout" type="button" class="waves-effect waves-light btn" style="float: right">
+				<x-su>logOutFromLopolis</x-su>
+				<i class="material-icons right">exit_to_app</i>
+			</button>
+		</h4>
+		<ul id="meals-collapsible" class="collapsible"></ul>
+		<p>
+			<small>
+				<b>
+					<x-su>usage</x-su>:
+				</b>
+				<x-du>mealsUsageNote</x-du>
+				<br>
+				<b>
+					<x-su>note</x-su>:
+				</b>
+				<x-du>lunchesNote</x-du>
+				<br>
+				<b>
+					<x-su>note</x-su>:
+				</b>
+				<x-du>mealNotShownNote</x-du>
+				<br>
+				<b>
+					Note:
+				</b>
 				<x-du>mealsContributeNote</x-du>
-		</small>
-	</p>
+			</small>
+		</p>
 	</div>
 </body>
 
diff --git a/dist/pages/messaging.html b/dist/pages/messaging.html
index 8e912c6..3c65e51 100644
--- a/dist/pages/messaging.html
+++ b/dist/pages/messaging.html
@@ -73,7 +73,7 @@
         <div class="row">
 
             <br>
-            <div class="row grey-text text-darken-2" id="storage-bar">
+            <div class="row light-text" id="storage-bar">
                 <div class="col s6">
                     <x-su>messageStorageUsed</x-su>: <span id="storage-stats">0/120</span> <x-sl>messages</x-sl>
                 </div>
@@ -82,7 +82,7 @@
                 </div>
             </div>
 
-            <div class="row grey-text text-darken-2" style="text-align: center;">
+            <div class="row light-text" style="text-align: center;">
                 <x-du>maxMessagesNote</x-du>
             </div>
 
@@ -94,9 +94,9 @@
                 </ul>
             </div>
             <br>
-            <div id="beziapp-received" class="col s12"><p class="center-align grey-text text-darken-2"><x-su>loadingMessages</x-su></p></div>
-            <div id="beziapp-sent" class="col s12"><p class="center-align grey-text text-darken-2"><x-su>loadingMessages</x-su></p></div>
-            <div id="beziapp-deleted" class="col s12"><p class="center-align grey-text text-darken-2"><x-su>loadingMessages</x-su></p></div>
+            <div id="beziapp-received" class="col s12"><p class="center-align light-text"><x-su>loadingMessages</x-su></p></div>
+            <div id="beziapp-sent" class="col s12"><p class="center-align light-text"><x-su>loadingMessages</x-su></p></div>
+            <div id="beziapp-deleted" class="col s12"><p class="center-align light-text"><x-su>loadingMessages</x-su></p></div>
         </div>
     </div>
 
@@ -121,7 +121,6 @@
 
             <div class="row" >
 
-
                 <div class="col s9 m10">
                     <div class="input-field">
                         <i class="material-icons prefix">subject</i>
diff --git a/dist/pages/settings.html b/dist/pages/settings.html
index 28d4df7..b0e70ae 100644
--- a/dist/pages/settings.html
+++ b/dist/pages/settings.html
@@ -71,14 +71,16 @@
             <div class="col s12">
                 <h3><b class="title-secondary">Beži</b><span class="title-primary">App</span>
                 </h3>
-                <h4 class="subheader"><x-su>settings</x-su></h4>
+                <h4 class="subheader general-text"><x-su>settings</x-su></h4>
             </div>
         </div>
         <div class="row">
-            <h5><x-su>language</x-su></h5>
+            <div class="col s12">
+                <h5 class="general-text"><x-su>language</x-su></h5>
+            </div>
             <div class="input-field col s12">
                 <i class="material-icons prefix">translate</i>
-                <select class="lang-select icons" id="select-language">
+                <select class="lang-select icons input-select" id="select-language">
                     <option value="sl" id="option-sl" data-icon="/img/flags/sl.svg" selected>Slovenščina</option>
                     <option value="en" id="option-en" data-icon="/img/flags/en.svg">English</option>
                 </select>
@@ -87,10 +89,12 @@
         </div>
 
         <div class="row">
-            <h5><x-su>theme</x-su></h5>
+            <div class="col s12">
+                <h5 class="general-text"><x-su>theme</x-su></h5>
+            </div>
             <div class="input-field col s12">
                 <i class="material-icons prefix">palette</i>
-                <select class="theme-select" id="select-theme">
+                <select class="theme-select input-select" id="select-theme">
                     <option value="light" id="option-light" data-theme="light" selected>Light</option>
                     <option value="dark" id="option-dark" data-theme="dark">Dark</option>
                 </select>