Tweaking flex align settings

src/definitions/collections/grid.less

@@ -141,7 +141,7 @@ body > .ui.grid {
 }
 
 /* Segment inside Aligned Grid */
-.ui.grid .aligned.row > .column,
+.ui.grid .aligned.row > .column > .segment:not(.compact),
 .ui.aligned.grid .column > .segment:not(.compact) {
   width: 100%;
 }
@@ -1192,7 +1192,6 @@ body > .ui.grid {
   display: inline-flex !important;
   flex-direction: column;
   vertical-align: top;
-  align-items: flex-start;
   justify-content: flex-start !important;
 }
 
@@ -1203,7 +1202,6 @@ body > .ui.grid {
 .ui.grid > .row > [class*="middle aligned"].column {
   vertical-align: middle;
   flex-direction: column;
-  align-items: flex-start;
   display: inline-flex !important;
   justify-content: center !important;
 }
@@ -1215,7 +1213,6 @@ body > .ui.grid {
 .ui.grid > .row > [class*="bottom aligned"].column {
   display: inline-flex !important;
   flex-direction: column;
-  align-items: flex-start;
   vertical-align: bottom;
   justify-content: flex-end !important;
 }
@@ -1227,7 +1224,7 @@ body > .ui.grid {
 .ui.grid > .stretched.column:not(.row),
 .ui.grid > .row > .stretched.column {
   display: inline-flex !important;
-  align-items: stretch;
+  justify-content: stretch;
   flex-direction: column;
 }
 
@@ -1253,6 +1250,7 @@ body > .ui.grid {
 }
 
 /* Center Aligned */
+.ui[class*="center aligned"].grid,
 .ui[class*="center aligned"].grid .column,
 .ui.grid > [class*="center aligned"].row > .column,
 .ui.grid > [class*="center aligned"].column:not(.row),