From ae517065da8e530f3964b0cbf4ecf90c2c71b948 Mon Sep 17 00:00:00 2001
From: Jacek Kowalski <Jacek@jacekk.info>
Date: Sun, 07 Jul 2019 20:20:32 +0000
Subject: [PATCH] Improve close/hide icons usage

---
 map.css |   43 +++++++++++++++++++++++--------------------
 1 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/map.css b/map.css
index caf2ea8..aa9b4de 100644
--- a/map.css
+++ b/map.css
@@ -17,6 +17,19 @@
 	right: auto;
 }
 
+.close, .hide {
+	float: right;
+	cursor: pointer;
+	font-size: 1.5em;
+	padding-left: 1em;
+	color: black;
+}
+#fail .close {
+	font-size: inherit;
+	height: 1em;
+	color: black;
+}
+
 .panel {
 	opacity: .85;
 	color: black;
@@ -37,9 +50,9 @@
 .panel.expanded {
 	right: 0;
 }
-
 .panel .hide {
 	display: none;
+	padding: 0px 1em;
 }
 .panel.enabled .hide {
 	display: block;
@@ -77,17 +90,6 @@
 		margin-right: 10px;
 	}
 }
-
-.close, .hide {
-	float: right;
-	cursor: pointer;
-	font-size: 20px;
-	padding: 0px 10px;
-}
-#fail .close {
-	font-size: inherit;
-	height: 1em;
-}
 .panel .type {
 	padding-bottom: 0;
 	color: #444;
@@ -99,6 +101,13 @@
 }
 .panel .name {
 	font-weight: bold;
+	padding-bottom: 0;
+}
+.panel .name .icon {
+	margin: -5px 0.2rem 0;
+	text-indent: 2rem;
+	font-size: 1.4rem;
+	vertical-align: top;
 }
 .panel .vehicleInfo {
 	font-size: 21px;
@@ -135,17 +144,11 @@
 	float: right;
 }
 
-.addon-icon {
-	margin-left: 0.2rem;
-}
-.normal-icon, .addon-icon {
-	font-size: 1rem;
-}
 .icon, .icon-loc, .icon-pin, .icon-zoom {
 	display: inline-block;
 	height: 1em;
 	width: 1em;
-	text-indent: 1rem;
+	text-indent: 1.5em;
 	overflow: hidden;
 	background-size: contain;
 	background-repeat: no-repeat;
@@ -219,7 +222,7 @@
 	display: none;
 }
 
-a {
+a, .close:hover, .hide:hover {
 	color: #337ab7;
 	text-decoration: none;
 	cursor: pointer;

--
Gitblit v1.9.1