refactor: improve .card-actions

mrholek · mrholek · commit b48f8435043d · 2018-04-03T16:05:20.000+02:00
diff --git a/scss/_card.scss b/scss/_card.scss
@@ -63,20 +63,17 @@
 }
 
 .card-header-actions {
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: inline-flex;
+  display: inline-block;
+  float: right;
+  margin-right: - ($spacer / 4);
 }
 
 .card-header-action {
-  width: ($card-spacer-y * 2) + ($font-size-base * $line-height-base);
-  padding: $card-spacer-y 0;
-  color: $body-color;
-  text-align: center;
-  border-left: 1px solid $border-color;
+  padding: 0 ($spacer / 4);
+  color: $gray-600;
 
   &:hover {
+    color: $body-color;
     text-decoration: none;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -63,20 +63,17 @@`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`.card-header-actions {`
`66`		`- position: absolute;`
`67`		`- top: 0;`
`68`		`- right: 0;`
`69`		`- display: inline-flex;`
	`66`	`+ display: inline-block;`
	`67`	`+ float: right;`
	`68`	`+ margin-right: - ($spacer / 4);`
`70`	`69`	`}`
`71`	`70`
`72`	`71`	`.card-header-action {`
`73`		`- width: ($card-spacer-y * 2) + ($font-size-base * $line-height-base);`
`74`		`- padding: $card-spacer-y 0;`
`75`		`- color: $body-color;`
`76`		`- text-align: center;`
`77`		`- border-left: 1px solid $border-color;`
	`72`	`+ padding: 0 ($spacer / 4);`
	`73`	`+ color: $gray-600;`
`78`	`74`
`79`	`75`	`&:hover {`
	`76`	`+ color: $body-color;`
`80`	`77`	`text-decoration: none;`
`81`	`78`	`}`
`82`	`79`	`}`