Styling media player

docroot/css/lms.css

@@ -1,7 +1,3 @@
-body {
-	margin-bottom: 16px;
-}
-
 a, a:link, a:active, a:visited {
 	color: black;
 	text-decoration: none;
@@ -79,7 +75,7 @@ a:hover {
 }
 
 .Lms-contents {
-	margin-bottom: 50px;
+	margin-bottom: 78px;
 }
 
 .Lms-explore-filters {
@@ -227,13 +223,13 @@ a:hover {
 	position: fixed;
 	bottom: 0;
 	width: 100%;
-	height: 50px;
+	height: 70px;
 	background-color: #f5f5f5;
+	box-shadow: 0px -2px 8px #f5f5f5;
 }
 
 .Lms-player-btn {
 	font-size: 34px !important;
-	margin: 8px;
 	cursor: pointer;
 }
 
@@ -241,4 +237,23 @@ a:hover {
 	color: #337ab7;
 }
 
+.Lms-player-btn-playpause {
+	width: 32px;
+	margin-left: 8px;
+	margin-right: 8px;
+}
+
+.Lms-player-seek {
+	cursor: pointer;
+	z-index: 1;
+#	touch-action: manipulation;
+}
+
+.Lms-player-progress {
+	width: 100%;
+	background-color: darkgrey;
+	height: 12px;
+	margin-top: 8px;
+	margin-bottom: 8px;
+}