more small screen super fun times

app/hosts/templates/index/template.hbs

@@ -31,7 +31,7 @@
     }}
       {{#if (eq section 'header')}}
         {{action-menu model=host class="pull-right"}}
-        <div class="catalog-icon mt-10 {{parse-host-icon host.driver}}"/>
+        <div class="catalog-icon {{parse-host-icon host.driver}}"/>
       {{else if (eq section 'body')}}
         <hr class="m-10" />
         <h2>{{host.name}}</h2>

app/styles/layout/_small.scss

@@ -42,4 +42,46 @@
     .hidden-sm {
       display: none;
     }
+
+    //catalog boxes
+    .catalog-box {
+      height: auto;
+      width: 100%;
+      margin: 15px 0 0 0;
+
+      .catalog-icon {
+        max-width: 100%;
+      }
+
+      .footer {
+        position: static;
+        margin-top: 10px;
+      }
+
+      &.cloud-host {
+        height: auto;
+      }
+    }
+
+    //stack catalog boxes
+    .stack-app {
+      width: 100%;
+      float: none;
+      margin: 15px 0 0 0;
+      .stack-info {
+        display: block;
+      }
+      .catalog-icon, .stack-info-row {
+        width: 100%;
+        max-width: 100%;
+        display: block;
+        min-height: auto;
+        margin: 0;
+      }
+
+      .catalog-icon img {
+        height: 75px;
+        width: auto;
+      }
+      }
 }