Sache suce

css/ships.css

@@ -9,26 +9,8 @@
     margin: auto;
     margin-top: 100px;
 }
-button{
-    color: white;
-    font-family: 'M42';
-    background-color: black;
-    font-size:x-small;
-    box-shadow: 3px 2px white;
-    border: 4px solid white;
-    border-radius: 10px;
-    padding: 10px;
-    padding-left: 15px;
-    padding-right: 15px;
-}
-button:hover{
-    background-color:aqua ;
-    transition: 1s;
-}
-
 
 .ships-modal{
-
     font-size:small;
     background-image: url("/assets/spaceships/blueprint.png");
     background-repeat: no-repeat;

html/templates/ships/ships.html

@@ -1,12 +1,13 @@
+
 <div class="block-ships">
   <a class="prev">❮</a>
   <a class="next">❯</a>
   <div class="buttonShip">
-    <button class="reg" data-symbol="">Name</button>
-    <button class="nav" data-symbol="">Navigation</button>
-    <button class="crew" data-symbol="">Crew</button>
-    <button class="frame" data-symbol="">Frame</button>
-    <button class="react" data-symbol="">Reactor</button>
-    <button class="fuel" data-symbol="">Fuel</button>
+    <button id="" class="reg base-btn" data-symbol="">Name</button>
+    <button id="" class="nav base-btn" data-symbol="">Navigation</button>
+    <button id="" class="crew base-btn" data-symbol="">Crew</button>
+    <button id="" class="frame base-btn" data-symbol="">Frame</button>
+    <button id="" class="react base-btn" data-symbol="">Reactor</button>
+    <button id="" class="fuel base-btn" data-symbol="">Fuel</button>
   </div> 
 </div>

js/controllers/ships.js

@@ -14,13 +14,13 @@ export default (temp_engine) => {
 
     Ship.list((ships) => {
       ships.forEach(ship => {
-        $(".block-ships").append(
+        $(".block-ships").prepend(
           `
             <div class="ships-list" data-id="${ship.symbol}">
               <h5>${ship.symbol}</h5>
               <img 
                 class="imgShip" 
-                src="/assets/spaceships/spaceship.png" 
+                src="/assets/spaceships/b_spaceships.png" 
                 alt="" />
             </div>
           `