Merge pull request #1061 from dcmouyard/update-pattern-states

fix(1060): Fix alignment of pattern state dots

Author: sghoweri

packages/uikit-workshop/src/sass/scss/04-components/_pattern-states.scss

@@ -7,17 +7,12 @@
 * in the dropdown navigation.
 */
 .pl-c-pattern-state {
-  display: inline-block;
-  width: 5px;
-  height: 5px;
-  margin-left: 10px;
-  position: relative;
-  top: 5px;
-  left: 0;
+  width: 0.5em;
+  height: 0.5em;
+  margin-bottom: 0.25em;
+  margin-left: 0.5em;
   border-radius: 50%;
   background-color: $pl-color-state-info;
-  line-height: 4px;
-  text-indent: 10px;
 
   &--complete {
     background-color: $pl-color-state-complete;

packages/uikit-workshop/src/sass/scss/04-components/_pattern.scss

@@ -50,7 +50,7 @@
  */
 .pl-c-pattern__title-link {
   display: inline-flex; /* 1 */
-  align-items: flex-start; /* 1 */
+  align-items: center; /* 1 */
   padding: $pl-pad 0 0.3rem;
   color: $pl-color-gray-50 !important;
   text-decoration: none;