styles/buttonInputs: move product icons to searchView styles

commit f1c6798c40659912f878568f0ec69121b3509538
parent c865002595da0fdcb41ac838e5347c0cbb359c63
Author: Katja (ctucx) <git@ctu.cx>
Date: Sat, 19 Apr 2025 12:07:56 +0200

styles/buttonInputs: move product icons to searchView styles

2 files changed, 28 insertions(+), 27 deletions(-)

src/styles/buttonInput.css

---------------------------

src/styles/searchView.css

++++++++++++++++++++++++++++

diff --git a/src/styles/buttonInput.css b/src/styles/buttonInput.css
@@ -99,33 +99,6 @@ button.color:hover, .button.color:hover {
 	label:not(:last-child) {
 		border-right: 1px solid #bbb;
 	}
-
-	.icon-ice,
-	.icon-ic,
-	.icon-icice,
-	.icon-dzug,
-	.icon-regional {
-		font-style: italic;
-	}
-
-	.icon-tram:after,
-	.con-bus:after,
-	.icon-ferry:after,
-	.icon-taxi:after {
-		font-size: 0.6rem;
-	}
-
-	.icon-ice:after      { content: 'ICE'; }
-	.icon-ic:after       { content: 'IC'; }
-	.icon-icice:after    { content: 'IC ICE'; }
-	.icon-dzug:after     { content: 'D'; }
-	.icon-regional:after { content: 'NV'; }
-	.icon-suburban:after { content: 'S'; }
-	.icon-subway:after   { content: 'U'; }
-	.icon-tram:after     { content: 'Tram'; }
-	.icon-bus:after      { content: 'Bus'; }
-	.icon-ferry:after    { content: 'Ferry'; }
-	.icon-taxi:after     { content: 'Taxi'; }
 }
 
 .selector.rectangular label {

diff --git a/src/styles/searchView.css b/src/styles/searchView.css
@@ -143,6 +143,34 @@ form {
 	}
 }
 
+.selector {
+	.icon-ice,
+	.icon-ic,
+	.icon-icice,
+	.icon-dzug,
+	.icon-regional {
+		font-style: italic;
+	}
+
+	.icon-tram:after,
+	.con-bus:after,
+	.icon-ferry:after,
+	.icon-taxi:after {
+		font-size: 0.6rem;
+	}
+
+	.icon-ice:after      { content: 'ICE'; }
+	.icon-ic:after       { content: 'IC'; }
+	.icon-icice:after    { content: 'IC ICE'; }
+	.icon-dzug:after     { content: 'D'; }
+	.icon-suburban:after { content: 'S'; }
+	.icon-subway:after   { content: 'U'; }
+	.icon-tram:after     { content: 'Tram'; }
+	.icon-bus:after      { content: 'Bus'; }
+	.icon-ferry:after    { content: 'Ferry'; }
+	.icon-taxi:after     { content: 'Taxi'; }
+}
+
 @media (max-width: 650px) {
 	.filler {
 		flex: unset !important;