Add a dynamically appearing menu box for ducks

It’s empty, but dynamic!

app/dashboard.component.css

@@ -9,3 +9,20 @@
 .duck-link .small {
     margin-bottom: 0;
 }
+
+.duck-link .duck-menu {
+    height: 64px;
+    margin: -64px 0 0 0;
+    display: none;
+    flex-direction: column;
+    align-items: center;
+}
+
+.duck-link:hover .duck-menu {
+    display: flex;
+}
+
+.duck-menu .panel-body {
+    vertical-align: middle;
+    margin: auto;
+}

app/dashboard.component.html

@@ -6,5 +6,10 @@
         <div class="image pull-left"></div>
         {{ duck.name }}
         <p class="clearfix small">Something.</p>
+        <div class="pull-right duck-menu panel panel-default">
+            <div class="panel-body">
+                Menu!
+            </div>
+        </div>
     </a>
 </div>