fix(dashboard): improve kitten card responsiveness

src/app/pages/dashboard/kitten/kitten.component.html

@@ -1,4 +1,5 @@
 <nb-card size="medium">
+  <nb-card-body>
     <div class="picture" style.background-image="url('/assets/images/kitten-{{currentTheme}}.png')"></div>
 
     <div class="details">
@@ -9,8 +10,10 @@
         React Native UI Kitten is a framework that contains a set of commonly used UI components styled in a similar way. The most awesome thing: you can change themes on the fly by just passing a different set of variables. 100% native. Give our kitten a try!
       </div>
     </div>
+  </nb-card-body>
 
-  <div class="links">
+
+  <nb-card-footer>
     <a href="https://akveo.github.io/react-native-ui-kitten" target="_blank">
       <i class="ion-ios-world"></i>
     </a>
@@ -23,5 +26,5 @@
     <a href="https://github.com/akveo/react-native-ui-kitten" target="_blank">
       <i class="ion-social-github"></i>
     </a>
-  </div>
+  </nb-card-footer>
 </nb-card>

src/app/pages/dashboard/kitten/kitten.component.scss

@@ -2,15 +2,19 @@
 
 @include nb-install-component() {
 
+  nb-card-body {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+  }
+
   .picture {
     background-position: center;
     background-size: cover;
     position: relative;
     border-top-left-radius: nb-theme(card-border-radius);
     border-top-right-radius: nb-theme(card-border-radius);
-
     flex: 1;
-    max-height: 50%;
   }
 
   .details {
@@ -39,10 +43,11 @@
     }
   }
 
-  .links {
+  nb-card-footer {
     display: flex;
     justify-content: space-around;
     padding: 0.75rem 0;
+    border: none;
 
     a {
       text-decoration: none;