Fix valign on list automatically affecting content/image

src/definitions/elements/list.less

@@ -370,17 +370,20 @@ ol.ui.list ol,
        Aligned
 --------------------*/
 
-.ui.list[class*="top aligned"],
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
 .ui.list [class*="top aligned"] {
-  vertical-align: top;
+  vertical-align: top !important;
 }
-.ui.list[class*="middle aligned"],
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
 .ui.list [class*="middle aligned"] {
-  vertical-align: middle;
+  vertical-align: middle !important;
 }
-.ui.list[class*="bottom aligned"],
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
 .ui.list [class*="bottom aligned"] {
-  vertical-align: bottom;
+  vertical-align: bottom !important;
 }
 
 /*-------------------

src/themes/default/elements/list.variables

@@ -135,10 +135,12 @@
 @invertedSelectionListActiveColor: @invertedSelectedTextColor;
 
 /* Animated List */
+@animatedDuration: 0.25s;
+@animatedDelay: 0.1s;
 @animatedListTransition:
-  @defaultDuration color @defaultEasing,
-  @defaultDuration padding-left @defaultEasing,
-  @defaultDuration background-color @defaultEasing
+  @animatedDuration color @defaultEasing @animatedDelay,
+  @animatedDuration padding-left @defaultEasing @animatedDelay,
+  @animatedDuration background-color @defaultEasing @animatedDelay
 ;
 @animatedListIndent: 1em;