app/assets/stylesheets/woople-theme/outline.css.less in woople-theme-0.5.8 vs app/assets/stylesheets/woople-theme/outline.css.less in woople-theme-0.5.9

@@ -76,105 +76,14 @@
     .outline {
       border:none;
     }
   }
 
-  tr.completed {
-    .action {
-      display:none;
-    }
-  }
-
-  .disabled td {
-    .opacity(50);
-
-    a:hover {
-      text-decoration:none;
-    }
-
-    .action {
-      display:none;
-    }
-
-  }
-
-  tr.disabled {
-   &:hover {
-     td {
-       background:none;
-     }
-   }
-
-   td {
-      background-color:transparent;
-      text-shadow:none;
-      color:@primaryTextColour;
-
-      a {
-        color:@primaryTextColour;
-      }
-
-      .action {
-        display:none;
-      }
-    }
-  }
-
-  table {
-    margin-bottom:0;
-
-    th {
-      color: @secondaryTextColour;
-    }
-
-    th, td {
-      padding:@tableCellPadding;
-      border-top:none;
-      a {
-        color:@primaryTextColour;
-      }
-    }
-
-    .count {
-      width:75px;
-    }
-
-    th {
-      border-top:none;
-    }
-
-    tr > td:first-child, tr > th:first-child {
-      padding-left:@contentPadding;
-      width:@gridGutterWidth + @imageWidth - (@tableCellPadding * 2);
-    }
-
-    .action {
-      display:block;
-    }
-
-    tr:hover {
-      td {
-        background-color:@highlightBackground;
-      }
-    }
-  }
+  .styled-table();
 }
 
 @media (max-width: 767px) {
   .outline {
-    table {
-      tr > td:first-child, tr > th:first-child {
-        padding-left:@phoneMargin;
-        text-indent:@phoneMargin * 1.5;
-
-        > *:first-child {
-          text-indent:0;
-          margin-left:@phoneMargin;
-        }
-
-      }
-
-    }
 
     h2 {
       .outline-title(@phoneLeftColumnOffset);
     }