Broken Cards development

* fix CSS and formatting
* refine selection criteria

client/components/main/brokenCards.styl

@@ -1,63 +1,21 @@
-.broken-cards-board-wrapper
-  border-radius: 8px
-  //padding: 0.5rem
-  min-width: 400px
-  border-width: 8px
-  border-color: grey
-  border-style: solid
-  margin-bottom: 2rem
-  margin-right: auto
-  margin-left: auto
-
-.broken-cards-board-title
-  font-size: 1.4rem
-  font-weight: bold
-  padding: 0.5rem
-  background-color: grey
-  color: white
-
-.broken-cards-swimlane-title
-  font-size: 1.1rem
-  font-weight: bold
-  padding: 0.5rem
-  padding-bottom: 0.4rem
-  margin-top: 0
-  margin-bottom: 0.5rem
-  //border-top: black 1px solid
-  //border-bottom: black 1px solid
-  text-align: center
-
-.swimlane-default-color
-  background-color: lightgrey
-
-.broken-cards-list-title
-  font-weight: bold
-  font-size: 1.1rem
-  //padding-bottom: 0
-  //margin-bottom: 0
-  text-align: center
-  margin-bottom: 0.7rem
-
-.broken-cards-list-wrapper
-  margin: 1rem
-  border-radius: 5px
-  padding: 1.5rem
-  padding-top: 0.75rem
-  display: inline-block
-  min-width: 250px
-  max-width: 350px
-
 .broken-cards-card-wrapper
   margin-top: 0
   margin-bottom: 10px
+  border-width: 3px !important
+  border-color: grey !important
+  border-style: solid
+  border-radius: 5px
+  padding: 1.5rem
+  background-color: white
 
-.broken-cards-dueat-list-wrapper
+.broken-cards-wrapper
   max-width: 500px
   margin-right: auto
   margin-left: auto
 
-.broken-cards-field-name
+.broken-cards-card-title
   font-weight: bold
+  //padding: 10px
 
 .broken-cards-context
   display: inline-block
@@ -66,8 +24,8 @@
   font-weight: bold
 
 .broken-cards-context-list
-  margin-bottom: 0.7rem
+  //margin-bottom: 0.7rem
 
 .broken-cards-null
-  //font-weight: bold
+  color: darkred
   font-style: italic