Fix custom content demo vertical alignment [skip ci]

vaadin · Feb 22, 2018 · fd20bf2 · fd20bf2
1 parent 1b2fa87
commit fd20bf2
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/demo/dropdown-menu-basic-demos.html b/demo/dropdown-menu-basic-demos.html
@@ -124,30 +124,30 @@ <h3>The value property</h3>
     <h3>Custom Content</h3>
     <vaadin-demo-snippet id="dropdown-menu-list-box-custom-content">
       <template preserve-content>
-          <vaadin-dropdown-menu label="User">
-            <div slot="prefix"><iron-icon icon="lumo:user"></iron-icon></div>
-            <template>
-              <vaadin-list-box>
-                <vaadin-item>
-                  <img style="width: 21px; border-radius: 50%" src="https://randomuser.me/api/portraits/women/43.jpg" />
-                  &nbsp;Gabriella
-                </vaadin-item>
-                <vaadin-item>
-                  <img style="width: 21px; border-radius: 50%" src="https://randomuser.me/api/portraits/men/77.jpg" />
-                  &nbsp;Rudi
-                </vaadin-item>
-                <vaadin-item>
-                  <img style="width: 21px; border-radius: 50%" src="https://randomuser.me/api/portraits/men/35.jpg" />
-                  &nbsp;Hamsa
-                </vaadin-item>
-                <vaadin-item>
-                  <img style="width: 21px; border-radius: 50%" src="https://randomuser.me/api/portraits/men/76.jpg" />
-                  &nbsp;Jacob
-                </vaadin-item>
-              </vaadin-list-box>
-            </template>
-          </vaadin-dropdown-menu>
-        </template>
+        <vaadin-dropdown-menu label="User">
+          <div slot="prefix"><iron-icon icon="lumo:user"></iron-icon></div>
+          <template>
+            <vaadin-list-box>
+              <vaadin-item>
+                <img style="width: 21px; border-radius: 50%; vertical-align: bottom" src="https://randomuser.me/api/portraits/women/43.jpg" />
+                &nbsp;Gabriella
+              </vaadin-item>
+              <vaadin-item>
+                <img style="width: 21px; border-radius: 50%; vertical-align: bottom" src="https://randomuser.me/api/portraits/men/77.jpg" />
+                &nbsp;Rudi
+              </vaadin-item>
+              <vaadin-item>
+                <img style="width: 21px; border-radius: 50%; vertical-align: bottom" src="https://randomuser.me/api/portraits/men/35.jpg" />
+                &nbsp;Hamsa
+              </vaadin-item>
+              <vaadin-item>
+                <img style="width: 21px; border-radius: 50%; vertical-align: bottom" src="https://randomuser.me/api/portraits/men/76.jpg" />
+                &nbsp;Jacob
+              </vaadin-item>
+            </vaadin-list-box>
+          </template>
+        </vaadin-dropdown-menu>
+      </template>
     </vaadin-demo-snippet>
 
   </template>