Flipped the Sats Display So New Uploads Are First

css/style.css

@@ -10,6 +10,7 @@
 #navbarlogo {padding-bottom: 10px;}
 #resize {height: 250px; width: auto;}
 #nobold {text-decoration: none;}
+#sats { display: flex; flex-direction: column-reverse; }
 #entirenav {position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;

js/script.js

@@ -78,7 +78,7 @@ function satList() {
 // Display all Satellites
 function displaySats() {
   console.log("Init")
-  database = firebase.database().ref("sats");
+  database = firebase.database().ref("sats").orderByValue();
   database.once('value', function(snapshot) {
       snapshot.forEach(function(child) {
                 firebase.database().ref("sats/"+child["key"]).on('value', function (data) {

sat.html

@@ -31,7 +31,7 @@
         </div>
         <h2 id="titles">Satellite Imagery</h2> 
         Listed below are my satellite captures from passing NOAA and Meteor satellites.<br>
-        <table id="sats" style="border-style: solid;border-bottom-style: none;border-color: black;" width="100%">
+        <table id="sats" class="reverse" style="border-style: solid;border-bottom-style: none;border-color: black;" width="100%">
 
             </tr>
         </table>