Merge pull request #520 from taigaio/issue/2863/project-timeline-ie11

Removed min-width and improved selector efficiency

app/modules/home/home.scss

@@ -1,6 +1,5 @@
 .home-wrapper {
     display: flex;
-    padding-top: 2rem;
     .duty-summary {
         flex: 1;
         margin-right: 2rem;

app/modules/projects/project/project.jade

@@ -1,6 +1,6 @@
 div.wrapper
     tg-project-menu
-    div.main.centered.single-project
+    div.centered.single-project
         section.single-project-intro
             h1
                 span.green(class="project-name") {{::vm.project.get("name")}}

app/styles/core/base.scss

@@ -45,7 +45,7 @@ body {
 }
 
 .centered {
-    margin: 0 auto;
+    margin: 1rem auto;
     max-width: 1200px;
     min-width: 960px;
     width: 90%;
@@ -94,9 +94,10 @@ body {
     background: $whitish;
 }
 
+%main,
 .main {
     flex: 4;
-    min-width: 600px;
+    flex-basis: 600px;
     padding: 1rem 2rem;
 }
 

app/styles/modules/home-project.scss

@@ -37,7 +37,7 @@
         flex: 1;
         flex-shrink: 3;
         margin-right: 1rem;
-        max-width: 800px;
+        max-width: 960px;
         width: 0;
     }
     .involved-data {
@@ -63,40 +63,3 @@
         }
     }
 }
-
-
-//.summary-stats {
-//    align-items: flex-start;
-//    display: flex;
-//    .info-num {
-//        @extend %xlarge;
-//        @extend %bold;
-//        float: left;
-//        margin-right: .3rem;
-//        position: relative;
-//        top: 5px;
-//    }
-//    .info-text {
-//        @extend %small;
-//        float: left;
-//        line-height: .9rem;
-//    }
-//}
-//
-//.project-data-container {
-//    display: flex;
-//    justify-content: space-between;
-//    ul {
-//        flex-grow: 0;
-//        max-width: 33%;
-//    }
-//    li {
-//        display: inline-block;
-//        margin-right: .1rem;
-//        width: 10%;
-//        figure {
-//            width: 100%;
-//        }
-//    }
-//}
-//