Merge pull request #4 from knoonevipasolutions/master

Styles for additional demo form

web/javascript/components/standard/component--accepted-types-fix.js

@@ -0,0 +1,7 @@
+jQuery(function($) {
+
+    var $filemetricSelect = $('.filemetric-interactions input[type=file]');
+
+    $filemetricSelect.removeAttr('accept');
+
+});​

web/stylesheets/src/components/partials/_tables.scss

@@ -1,71 +1,5 @@
 .miwt-table {
-	width: 100%;
-	box-shadow: 0 0 2px lighten($color-grey-55, 25%);
-
-	th,
-	td {
-		padding: 10px 15px;
-	}
-
-	thead {
-		td,
-		th {
-			background-color: $app--table-headings-bg-color;
-			color: $app--table-headings-text-color;
-			text-align: left;
-		}
-
-		th {
-			&.control {
-				width: 1px;
-				white-space: nowrap;
-
-				.column-label {
-					display: inline-block;
-
-					+ .column-visibility {
-						margin-left: 5px;
-					}
-				}
-
-				input[type=checkbox] {
-					display: block;
-				}
-
-				.column-visibility {
-					input[type=checkbox] {
-						display: inline-block;
-					}
-				}
-			}
-		}
-
-		a {
-			color: $app--table-headings-text-color;
-		}
-	}
-
-	tr {
-		td {
-			background-color: $app--table-row-odd-bg-color;
-		}
-
-		&:nth-child(even) {
-			td {
-				background-color: $app--table-row-even-bg-color;
-			}
-		}
-	}
-
-	button,
-	.btn {
-		@include style-button-override($font-size: 12px);
-		white-space: nowrap;
-	}
-
-	.btn + .btn {
-		margin-left: $app--btn-spacing-between-btns;
-	}
+	@include style-standard-table;
 
 	div.column-visibility {
 		.trigger {

web/stylesheets/src/config/_font-glyph-entities.scss

@@ -1,6 +1,8 @@
+$html-entity-delete: "\f107";
 $html-entity-warning: "\f101";
 $html-entity-error: "\f102";
 $html-entity-success: "\f103";
 $html-entity-help: "\f104";
 $html-entity-info: "\f105";
-$html-entity-trash: "\f106";
+$html-entity-trash: "\f106";
+$html-entity-upload: "\f108";

web/stylesheets/src/mixins/_mixins-style.scss

@@ -167,4 +167,75 @@
 @mixin style-message-important {
 	@include style-message-base;
 	@include style-message-important-override;
+}
+
+@mixin style-standard-table {
+	width: 100%;
+	box-shadow: 0 0 2px lighten($color-grey-55, 25%);
+
+	th,
+	td {
+		padding: 10px 15px;
+	}
+
+	thead {
+		td,
+		th {
+			background-color: $app--table-headings-bg-color;
+			color: $app--table-headings-text-color;
+			text-align: left;
+		}
+
+		th {
+			&.control {
+				width: 1px;
+				white-space: nowrap;
+
+				.column-label {
+					display: inline-block;
+
+					+ .column-visibility {
+						margin-left: 5px;
+					}
+				}
+
+				input[type=checkbox] {
+					display: block;
+				}
+
+				.column-visibility {
+					input[type=checkbox] {
+						display: inline-block;
+					}
+				}
+			}
+		}
+
+		a {
+			color: $app--table-headings-text-color;
+		}
+	}
+
+	tr {
+		td {
+			background-color: $app--table-row-odd-bg-color;
+		}
+
+		&:nth-child(even) {
+			td {
+				background-color: $app--table-row-even-bg-color;
+			}
+		}
+	}
+
+	button,
+	.btn {
+		@include style-button-override($font-size: 12px);
+		white-space: nowrap;
+	}
+
+	.btn + .btn {
+		margin-left: $app--btn-spacing-between-btns;
+	}
+
 }

web/stylesheets/src/pages/_definitions/_page--dashboard.scss

@@ -32,18 +32,14 @@
     background-color: $color-grey-f2;
     border-top: 1px solid $color-white;
 
-    span.report {
+    .btn {
       display: block;
+      width: 100%;
 
-      + span.report {
+      + .btn {
         margin-top: $app--btn-spacing-between-btns;
       }
     }
-
-    .btn {
-      display: block;
-      width: 100%;
-    }
   }
 
   @include breakpoint($bp-mobile-landscape) {
@@ -78,9 +74,11 @@
       padding-bottom: 15px;
       text-align: right;
 
-      span.report {
+      .btn {
         display: inline-block;
-        + span.report {
+        width: auto;
+
+        + .btn {
           margin-top: 0;
           margin-left: $app--btn-spacing-between-btns;
         }