added some styles for tiny mode

Author: fquirin

www/css/sepiaFW-style-tiny.css

@@ -0,0 +1,40 @@
+.sepiaFW-tiny-app body {
+	padding: 0px;
+	min-width: auto;
+}
+
+.sepiaFW-tiny-app #sepiaFW-nav-menu-btn {
+	display: none;
+}
+.sepiaFW-tiny-app #sepiaFW-nav-users-btn {
+	display: none;
+}
+.sepiaFW-tiny-app #sepiaFW-chat-controls-form {
+	display: none;
+}
+
+.sepiaFW-tiny-app #sepiaFW-chat-controls-more-menu {
+	height: 100%;
+}
+.sepiaFW-tiny-app #sepiaFW-more-menu-actions {
+	display: none;
+}
+.sepiaFW-tiny-app #sepiaFW-audio-ctrls {
+	display: none;
+}
+.sepiaFW-tiny-app #sepiaFW-more-menu-shortcuts {
+	padding: 4px 0 !important;
+}
+.sepiaFW-tiny-app #sepiaFW-location-ctrls {
+	padding: 4px 0 0 0;
+}
+.sepiaFW-tiny-app #sepiaFW-menue-status-text {
+	font-size: 12px;
+}
+
+.sepiaFW-tiny-app #sepiaFW-alwaysOn-avatar {
+	width: 190px;
+	height: 190px;
+	left: calc(50% - 95px);
+    top: calc(50% - 95px);
+}

www/index.html

@@ -37,7 +37,8 @@
 	<!-- imports -->
 	<!--<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">-->
 	<!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600" rel="stylesheet"> -->
-    <link rel="stylesheet" href="css/sepiaFW-style.css" title='main'>
+	<link rel="stylesheet" href="css/sepiaFW-style.css" title='main'>
+	<link rel="stylesheet" href="css/sepiaFW-style-tiny.css" title='main'>
 	<!-- FOR MORE STYLESHEETS SEE END-OF-BODY -->
 	<script src="scripts/sepiaFW.app.js"></script>
 	<script src="scripts/sepiaFW.local.js"></script>