public dash and view counting

resources/assets/sass/_fa-utils.scss

@@ -28,7 +28,7 @@
 }
 
 .fa-large {
-	font-size: 1.6em;
+	font-size: 1.5em;
 }
 
 .fa-huge {

resources/assets/sass/_form-help.scss

@@ -1,5 +1,8 @@
 // help bubble icon
 .form-help {
 	display: inline-block;
+}
+
+.form-help-wrapper .form-help {
 	margin-top: $form-text-margin-top;
 }

resources/assets/sass/_helpers.scss

@@ -13,48 +13,7 @@
 	}
 }
 
-@media (max-width:767px){
-	.mobile-only {
-		display: none;
-	}
-
-	.mobile-no-border {
-		border: 0 none !important;
-	}
-}
-
-.border-dashed {
-	border-style: dashed !important;
-}
-
-.border-dotted {
-	border-style: dotted !important;
-}
-
-.last-p-mb-0 {
-	&:last-child {
-		margin-bottom: 0;
-	}
-}
-
-@each $color, $value in $colors {
-	.border-#{$color} {
-		border-color: $value !important;
-	}
-}
-
 .box-shadow {
 	box-shadow: 0 2px 3px rgba(black, .3);
 }
 
-.small2 {
-	font-size: 70%;
-}
-
-a.link-no-color {
-	color: unset;
-}
-
-.btn-square {
-	min-width: 2.5em;
-}

resources/assets/sass/app.scss

@@ -8,10 +8,15 @@ html {
 @import "helpers";
 @import "fa-utils";
 @import "block-collapse";
+@import "form-help";
 
 @import "bootstrap-customizations/paginate";
 @import "bootstrap-customizations/card";
 @import "bootstrap-customizations/tooltip";
 @import "bootstrap-customizations/navbar";
 @import "bootstrap-customizations/footer";
-@import "bootstrap-customizations/help";
+@import "bootstrap-customizations/link";
+@import "bootstrap-customizations/border";
+@import "bootstrap-customizations/button";
+@import "bootstrap-customizations/responsive";
+@import "bootstrap-customizations/typography";

resources/assets/sass/bootstrap-customizations/_border.scss

@@ -0,0 +1,13 @@
+.border-dashed {
+	border-style: dashed !important;
+}
+
+.border-dotted {
+	border-style: dotted !important;
+}
+
+@each $color, $value in $colors {
+	.border-#{$color} {
+		border-color: $value !important;
+	}
+}

resources/assets/sass/bootstrap-customizations/_button.scss

@@ -0,0 +1,3 @@
+.btn-square {
+	min-width: 2.5em;
+}

resources/assets/sass/bootstrap-customizations/_card.scss

@@ -20,6 +20,7 @@
 .card-header-extra {
 	display: flex;
 	align-items: center;
+	height: 3rem;
 }
 
 // special styles for buttons in card header
@@ -31,3 +32,10 @@
 .card-header .fa-large {
 	margin: -.6em 0; // fix icon alignment
 }
+
+.card-body .close {
+	margin-top:-$sp1;
+	margin-right:-$sp1;
+	min-width: 1.5rem;
+	text-align:center;
+}

resources/assets/sass/bootstrap-customizations/_link.scss

@@ -0,0 +1,3 @@
+a.link-no-color {
+	color: unset;
+}

resources/assets/sass/bootstrap-customizations/_responsive.scss

@@ -0,0 +1,9 @@
+@media (max-width:767px) {
+	.mobile-only {
+		display: none;
+	}
+
+	.mobile-no-border {
+		border: 0 none !important;
+	}
+}

resources/assets/sass/bootstrap-customizations/_typography.scss

@@ -0,0 +1,8 @@
+p:last-child {
+	margin-bottom: 0;
+}
+
+.small2 {
+	font-size: 70%;
+}
+