Fix for Firefox

jebeaudet · Feb 9, 2017 · fab1a5f · fab1a5f
1 parent c7f24a2
commit fab1a5f
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 48 deletions.
diff --git a/css/tab.css b/css/tab.css
@@ -38,3 +38,7 @@ input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
+
+input[type=number] {
+    -moz-appearance:textfield;
+}
diff --git a/manifest.json b/manifest.json
@@ -3,7 +3,7 @@
 
 	"name": "ChRomeTC",
 	"description": "Get the realtime delay before the next RTC bus arrives.",
-	"version": "1.0.1",
+	"version": "1.0.2",
 
 	"homepage_url": "https://github.com/jebeaudet/ChRomeTC",
 

diff --git a/popup.html b/popup.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html id="pluginWindow" style="min-width:400px; padding: 5px 5 5 5">
+<html id="pluginWindow" style="padding: 5px 5 5 5">
 
 <head>
     <link rel="stylesheet" type="text/css" href="css/siimple.min.css">
@@ -11,56 +11,59 @@
     <script language='javascript' src='/js/popup.js'></script>
 </head>
 <title>ChRomeTC</title>
-<ul class="tab">
-    <li id="busTimesTab">
-        <a class="tablinks">
-            <img src="img/bus_times.png" style="width:30px;height:30px;">
-        </a>
-    </li>
-    <li id="configTab">
-        <a class="tablinks">
-            <img src="img/cog.png" style="width:30px;height:30px;">
-        </a>
-    </li>
-</ul>
-<div id="inputs">
-    <form>
-        <h4> Add new saved route</h4>
-        Bus number:<br>
-        <input type="number" style="width:50%" class="form-input" id="busNumber"><br> Bus stop code:<br>
-        <input type="number" style="width:50%" class="form-input" id="busStopCode"><br> Direction:
-        <br>
-        <select id="busDirection" style="width:50%" class="form-select">
+
+<body style="min-width:400px;">
+    <ul class="tab">
+        <li id="busTimesTab">
+            <a class="tablinks">
+                <img src="img/bus_times.png" style="width:30px;height:30px;">
+            </a>
+        </li>
+        <li id="configTab">
+            <a class="tablinks">
+                <img src="img/cog.png" style="width:30px;height:30px;">
+            </a>
+        </li>
+    </ul>
+    <div id="inputs">
+        <form>
+            <h4> Add new saved route</h4>
+            Bus number:<br>
+            <input type="number" style="width:50%" class="form-input" id="busNumber"><br> Bus stop code:<br>
+            <input type="number" style="width:50%" class="form-input" id="busStopCode"><br> Direction:
+            <br>
+            <select id="busDirection" style="width:50%" class="form-select">
             <option>North</option>
             <option>South</option>
             <option>East</option>
             <option>West</option>
         </select>
-        <input id="saveButton" type="button" class="form-input" value="Save"><br>
-        <div id="errorMessage" hidden=true style="color: #ff0000">
-            Invalid or duplicate route.
-        </div>
-    </form>
-    <table class="table" id="savedRoutes">
-        <thead>
-            <th/>
-            <th><img src="img/bus_number.png" style="width:20px;height:20px;" title="Bus number"></th>
-            <th><img src="img/bus_stop.png" style="width:20px;height:20px;" title="Bus stop description and number"></th>
-            <th><img src="img/compass.png" style="width:20px;height:20px;" title="Direction"></th>
-        </thead>
-    </table>
-</div>
-<div id="outputs">
-    <table class="table" id="tableOutput">
-        <thead>
-            <th><img src="img/bus_number.png" style="width:20px;height:20px;" title="Bus number"></th>
-            <th><img src="img/bus_stop.png" style="width:20px;height:20px;" title="Bus stop description and number"></th>
-            <th><img src="img/compass.png" style="width:20px;height:20px;" title="Direction"></th>
-            <th><img src="img/clock.png" style="width:20px;height:20px;" title="Time of arrival"></th>
-        </thead>
-    </table>
-    <form name='updateForm'>
-        <input type='button' class="btn btn-small" id='refreshAllButton' value='Refresh all'>
-    </form>
+            <input id="saveButton" type="button" class="form-input" value="Save"><br>
+            <div id="errorMessage" hidden=true style="color: #ff0000">
+                Invalid or duplicate route.
+            </div>
+        </form>
+        <table class="table" id="savedRoutes">
+            <thead>
+                <th/>
+                <th><img src="img/bus_number.png" style="width:20px;height:20px;" title="Bus number"></th>
+                <th><img src="img/bus_stop.png" style="width:20px;height:20px;" title="Bus stop description and number"></th>
+                <th><img src="img/compass.png" style="width:20px;height:20px;" title="Direction"></th>
+            </thead>
+        </table>
+    </div>
+    <div id="outputs">
+        <table class="table" id="tableOutput">
+            <thead>
+                <th><img src="img/bus_number.png" style="width:20px;height:20px;" title="Bus number"></th>
+                <th><img src="img/bus_stop.png" style="width:20px;height:20px;" title="Bus stop description and number"></th>
+                <th><img src="img/compass.png" style="width:20px;height:20px;" title="Direction"></th>
+                <th><img src="img/clock.png" style="width:20px;height:20px;" title="Time of arrival"></th>
+            </thead>
+        </table>
+        <form name='updateForm'>
+            <input type='button' class="btn btn-small" id='refreshAllButton' value='Refresh all'>
+        </form>
+</body>
 
 </html>