Make card corners round.

Thanks to Meeques and xet7 !

Fixes #4326

client/components/boards/boardColors.styl

@@ -15,9 +15,16 @@ setBoardColor(color)
   .is-selected .minicard
     border-left: 3px solid color
 
+  // All minicards rounded corners:
+  .minicard
+    border-radius: 7px
+    padding: 10px 10px 4px 10px
+    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15)
+
   button[type=submit].primary, input[type=submit].primary,
   .sidebar .sidebar-content .sidebar-btn
     background-color: darken(color, 20%)
+    border-radius: 7px
 
   &.pop-over .pop-over-list li a:not(.disabled):hover,
   .sidebar .sidebar-content .sidebar-btn:hover,
@@ -197,6 +204,7 @@ setBoardColor(color)
   .open-minicard-composer:hover
     background-color:rgba(255,255,255,.8) !important
     color:#000
+    border-radius: 7px
 
   /*
   .minicard, .minicard .badge
@@ -457,7 +465,7 @@ setBoardClear(color1,color2)
     background-color: rgba(255,255,255,0.7)
     color: rgba(0,0,0,0.8)
     box-shadow: 0 1px 2px rgba(0,0,0,.2)
-
+    border-radius: 7px
   .quiet, .quiet a
     color: rgba(0,0,0,0.4)
 
@@ -472,6 +480,7 @@ setBoardClear(color1,color2)
 
   a:not(.disabled).is-active.fa, a:not(.disabled).is-active i.fa, a:not(.disabled):hover.fa, a:not(.disabled):hover i.fa
     color: rgba(0,0,0,0.6)
+    border-radius: 7px
 
   input[type="email"], input[type="password"], input[type="text"]
     border: 0
@@ -766,6 +775,7 @@ setBoardClear(color1,color2)
   /* Forms */
   button[type=submit].primary, .board-color-modern input[type=submit].primary
     background-color: #777777
+    border-radius: 7px
 
   .toggle-switch:checked~.toggle-label
     background-color: #f7f7f7
@@ -774,7 +784,7 @@ setBoardClear(color1,color2)
     background-color: #777777 !important
 
   button, input:not([type=file]), select, textarea
-    border-radius: 2px
+    border-radius: 7px
 
   /* Headers */
   &#header
@@ -914,6 +924,7 @@ setBoardClear(color1,color2)
 
   .list-body a.open-minicard-composer:hover, .list-body a.open-minicard-composer:hover i, .list .list-composer .open-list-composer:hover i
     color: #ffffff
+    border-radius: 7px
 
   /* Mini Card */
   .minicard-wrapper
@@ -922,11 +933,15 @@ setBoardClear(color1,color2)
   .minicard
     background-color: #444444
     color: #cccccc
-    border-radius: 2px
+    //border-radius: 2px
     font-size: 0.95em
-    padding: 10px
+    //padding: 10px
     box-shadow: 0 4px 3px -3px rgba(0,0,0,0.8)
     border-bottom: 1px solid #666666
+    // All minicards rounded corners:
+    border-radius: 7px
+    padding: 10px 10px 4px 10px
+    //box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15)
 
   .minicard:hover
     color: #f7f7f7