app/ayanova/src/components/inventorywidgettop.vue

@@ -1,5 +1,20 @@
 <template>
-    <v-container>
+    <v-flex xs12 md4>
+        <v-card class="elevation-5 transparent">
+            <v-card-text class="text-xs-center">
+                <v-icon x-large class="blue--text text--lighten-2">fa-bell</v-icon>
+            </v-card-text>
+            <v-card-title primary-title class="layout justify-center">
+                <div class="headline">Top Widget</div>
+            </v-card-title>
+            <v-card-text>
+               todo: make this a box / card, add the buttons for the functionality or maybe a menu inside it
+                common options on front and less common in the menu
+                also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog? 
+            </v-card-text>
+        </v-card>
+    </v-flex>
+    <!-- <v-container>
         <v-layout text-xs-center wrap="">
             <v-flex mb-4>
                 <h1 class="display-2 font-weight-bold mb-3">TOP WIDGET</h1>
@@ -8,7 +23,7 @@
                 also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog?                
             </v-flex>
         </v-layout>
-    </v-container>
+    </v-container>-->
 </template>
 
 <script>