From 443bb97cb57f66188341c5e2c68ccc554a0e4552 Mon Sep 17 00:00:00 2001
From: Robbie Antenesse <rantenesse@inquisicorp.com>
Date: Wed, 8 Nov 2017 12:31:14 -0700
Subject: [PATCH] Make stacked step point arrows down

Also fix step border by moving it below steps instead of bunching up to
the right.
---
 src/definitions/elements/step.less | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/definitions/elements/step.less b/src/definitions/elements/step.less
index 5c4aff2a6..24c5d3fa7 100755
--- a/src/definitions/elements/step.less
+++ b/src/definitions/elements/step.less
@@ -270,6 +270,8 @@
     flex-direction: column;
     border-radius: @borderRadius;
     padding: @verticalPadding @horizontalPadding;
+    border-right: none;
+    border-bottom: divider;
   }
   .ui.steps:not(.unstackable) .step:first-child {
     padding: @verticalPadding @horizontalPadding;
@@ -277,11 +279,15 @@
   }
   .ui.steps:not(.unstackable) .step:last-child {
     border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
+    border-bottom: none;
   }
 
   /* Arrow */
   .ui.steps:not(.unstackable) .step:after {
-    display: none !important;
+    top: unset;
+    bottom: -@arrowSize;
+    right: 50%;
+    transform: translateY(-50%) translateX(50%) rotate(45deg);
   }
 
   /* Content */
@@ -404,6 +410,8 @@
   flex-direction: column;
   border-radius: @borderRadius;
   padding: @verticalPadding @horizontalPadding;
+  border-right: none;
+  border-bottom: @divider;
 }
 .ui[class*="tablet stackable"].steps .step:first-child {
   padding: @verticalPadding @horizontalPadding;
@@ -411,11 +419,15 @@
 }
 .ui[class*="tablet stackable"].steps .step:last-child {
   border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
+  border-bottom: none;
 }
 
 /* Arrow */
 .ui[class*="tablet stackable"].steps .step:after {
-  display: none !important;
+  top: unset;
+  bottom: -@arrowSize;
+  right: 50%;
+  transform: translateY(-50%) translateX(50%) rotate(45deg);
 }
 
 /* Content */