From 46296b702eec2a9bd4c0cab40ee0722bdb2143b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Thu, 10 Jan 2019 10:39:52 +0100
Subject: [PATCH] Group milestone content CSS rules together

---
 app/assets/stylesheets/milestones.scss | 27 ++++++++++++--------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/milestones.scss b/app/assets/stylesheets/milestones.scss
index c9a9cda9b..0df9cf465 100644
--- a/app/assets/stylesheets/milestones.scss
+++ b/app/assets/stylesheets/milestones.scss
@@ -3,21 +3,7 @@
   position: relative;
 }
 
-.tab-milestones ul .milestone-content {
-  padding: $line-height / 6 $line-height / 2;
-  position: relative;
-
-  h3 {
-    margin-bottom: 0;
-  }
-
-  .milestone-date {
-    color: $text-medium;
-    font-size: $small-font-size;
-  }
-}
-
-.tab-milestones .timeline ul li {
+.tab-milestones .timeline li {
   margin: 0 auto;
   position: relative;
   width: 0;
@@ -46,6 +32,8 @@
   }
 
   .milestone-content {
+    padding: $line-height / 6 $line-height / 2;
+    position: relative;
 
     @include breakpoint(medium) {
       width: rem-calc(300);
@@ -54,6 +42,15 @@
     @include breakpoint(large) {
       width: rem-calc(450);
     }
+
+    h3 {
+      margin-bottom: 0;
+    }
+
+    .milestone-date {
+      color: $text-medium;
+      font-size: $small-font-size;
+    }
   }
 
   &:nth-child(odd) {