diff --git a/css/ui2-light.css b/css/ui2-light.css index 54dccaf..715a74a 100644 --- a/css/ui2-light.css +++ b/css/ui2-light.css @@ -413,7 +413,7 @@ } #sidebar_close { - color: rgba(0,0,0,.7); + color: rgba(0, 0, 0, .7); cursor: pointer; position: fixed; right: 5px; @@ -422,9 +422,9 @@ #sidebar_open_button { background-color: rgba(255, 255, 255, 0.8); - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-bottom-left-radius: 4px; border-top-left-radius: 4px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); cursor: pointer; height: 25%; padding: 2px; @@ -782,17 +782,46 @@ div#update_error { } div.atc_state { - background-color: #ffffffa6; - border: 1px solid black; - border-radius: 25px; - height: 20px; - margin: 4px; - padding: 4px; - padding-left: 10px; - text-decoration: none; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + padding: 5px; + margin: 5px; + width: 28%; + height: 50px; + float: left; + display: flex; + align-items:center; + justify-content:center; } -#station_id, #station_name, #full_metar { +.atc_state > b { + +} + +div.atc_header { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + padding: 5px; + margin: 5px; + width: 44%; + display: inline-block; + height: 50px; + text-align: center; + line-height: 50px; +} + +div.atc_header1 { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + padding: 5px; + margin: 5px; + width: 28%; + display: inline-block; + height: 50px; + text-align: center; + line-height: 50px; +} + +#station_id, +#station_name, +#full_metar { text-align: center; } diff --git a/gmap.html b/gmap.html index 2522599..70c5f3b 100644 --- a/gmap.html +++ b/gmap.html @@ -256,10 +256,6 @@
- diff --git a/js/liveatc.js b/js/liveatc.js index ca9068e..d33fe12 100644 --- a/js/liveatc.js +++ b/js/liveatc.js @@ -93,13 +93,13 @@ function selectState(state) { document.getElementById("atc_selector").innerHTML = "" var node = document.createElement("div") node.setAttribute("id", "atc_" + state) - node.setAttribute("class", "atc_state noselect pointer") + node.setAttribute("class", "atc_header noselect pointer") node.setAttribute("onmousedown", "listStations()") node.innerHTML = "Go Back" document.getElementById("atc_selector").appendChild(node) var node = document.createElement("div") node.setAttribute("id", "atc_" + state) - node.setAttribute("class", "atc_state noselect") + node.setAttribute("class", "atc_header noselect") node.setAttribute("onmousedown", "selectState('" + state + "')") node.innerHTML = "" + state + "" document.getElementById("atc_selector").appendChild(node) @@ -136,18 +136,18 @@ function selectAirport(airport, state) { document.getElementById("atc_selector").innerHTML = "" var node = document.createElement("div") node.setAttribute("id", "atc_" + state) - node.setAttribute("class", "atc_state noselect pointer") + node.setAttribute("class", "atc_header1 noselect pointer") node.setAttribute("onmousedown", "selectState('" + state + "')") node.innerHTML = "Go Back" document.getElementById("atc_selector").appendChild(node) var node = document.createElement("div") node.setAttribute("id", "atc_" + state) - node.setAttribute("class", "atc_state noselect") + node.setAttribute("class", "atc_header1 noselect") node.innerHTML = "" + state + "" document.getElementById("atc_selector").appendChild(node) var node = document.createElement("div") node.setAttribute("id", "atc_" + airport) - node.setAttribute("class", "atc_state noselect") + node.setAttribute("class", "atc_header1 noselect") node.innerHTML = "" + airport + "" document.getElementById("atc_selector").appendChild(node) var node = document.createElement("hr") @@ -175,7 +175,7 @@ function selectAirport(airport, state) { }) } -//DEPRACATED - NOT USED - GENERATES FILE +//DEPRECATED - NOT USED - GENERATES FILE function startPulling() { var json = {} diff --git a/js/script2.js b/js/script2.js index ab83288..d93b18f 100644 --- a/js/script2.js +++ b/js/script2.js @@ -16,6 +16,9 @@ function openRadar() { document.getElementById("atc_container").style.display = "none" TAB = "RADAR" document.getElementById("sidebar_close").style.color = "rgba(0,0,0,.7)" + if (lastMETAR === 1) { + StaticFeatures.removeAt(0) + } } function openATC() { @@ -26,6 +29,9 @@ function openATC() { TAB = "ATC" listStations() document.getElementById("sidebar_close").style.color = "rgba(0,0,0,.7)" + if (lastMETAR === 1) { + StaticFeatures.removeAt(0) + } } function readBatteryLevel() {