From 4794d4cef9a7eef640ae15c4c6d0a7334b01b95a Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 19 Sep 2019 22:30:54 +0100
Subject: [PATCH] Vertically align connect card

---
 src/components/viewComponents/connectDisplay.vue | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/components/viewComponents/connectDisplay.vue b/src/components/viewComponents/connectDisplay.vue
index 587d228e..7c7a490f 100644
--- a/src/components/viewComponents/connectDisplay.vue
+++ b/src/components/viewComponents/connectDisplay.vue
@@ -5,7 +5,7 @@
 
       <div class="uk-width-auto">
 
-        <div class="uk-card uk-card-default uk-card-hover uk-padding-remove uk-width-medium">
+        <div class="uk-card uk-card-default uk-card-hover uk-padding-remove uk-width-medium connect-card-align-top">
 
           <div class="uk-card-body uk-padding-small">
             <form @submit.prevent="handleSubmit">
@@ -338,17 +338,9 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="less">
-.host-input {
-  text-align: left;
-}
 
-.host-description {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.host-delete {
-  padding: 0 2px 0 10px;
+.connect-card-align-top {
+  margin-top: 52px;
 }
 
 </style>