Bulk operations in the Items list page

+ headers buttons

Author: Davidtiger92

src/app/_common/header/buttons/buttons.hbs

@@ -1,11 +1,11 @@
 <div class="header-block header-block-buttons" >
 	<a href="https://github.com/modularcode/modular-admin-html" 
-		class="btn btn-default btn-sm rounded-s header-btn">
+		class="btn btn-oval btn-sm rounded-s header-btn">
 		<i class="fa fa-github-alt"></i>
 		View on GitHub
 	</a>
 	<a href="https://github.com/modularcode/modular-admin-html/releases/download/v{{pkg.version}}/modular-admin-html-{{pkg.version}}.zip" 
-		class="btn btn-default btn-sm rounded-s header-btn">
+		class="btn btn-oval btn-sm rounded-s header-btn">
 		<i class="fa fa-cloud-download"></i>
 		Download .zip
 	</a>

src/app/_common/header/buttons/buttons.scss

@@ -6,11 +6,13 @@
 
 	.btn.header-btn {
 		background-color: transparent;
-		border: none;
+		border: 1px solid lighten($color-text, 10%);
 		color: lighten($color-text, 10%);
+		margin: 0 5px;
 
 		&:hover,
 		&:focus {
+			border: 1px solid darken($color-text, 10%);
 			color: darken($color-text, 10%);
 		}
 	}

src/app/items/list/items-list-page.hbs

@@ -51,6 +51,15 @@ items:
 					<a href="item-editor.html" class="btn btn-primary btn-sm rounded-s">
 						Add New
 					</a>
+					<div class="action dropdown">
+						<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+							More actions...
+						</button>
+						<div class="dropdown-menu" aria-labelledby="dropdownMenu1">
+							<a class="dropdown-item" href="#"><i class="fa fa-pencil-square-o icon"></i>Mark as a draft</a>
+							<a class="dropdown-item" href="#"><i class="fa fa-close icon"></i>Delete</a>
+						</div>
+					</div>
 				</h3>
 				<p class="title-description">
 					List of sample items - e.g. books, movies, events, etc...
@@ -64,13 +73,14 @@ items:
 		</div>
 	</div>
 
+
 	<div class="items-search">
 		<form class="form-inline">
 			<div class="input-group">
 				<input type="text" class="form-control boxed rounded-s" placeholder="Search for...">
 				<span class="input-group-btn">
 					<button class="btn btn-secondary rounded-s" type="button">
-						<i class="fa fa-search"></i> Search
+						<i class="fa fa-search"></i>
 					</button>
 				</span>
 			</div>

src/app/items/list/items-list.scss

@@ -9,6 +9,21 @@
 			padding-bottom: 10px;
 			margin-bottom: 13px;
 		}
+
+		.action {
+			display: inline;
+
+			a {
+				padding: 10px 15px;
+
+				.icon {
+					margin-right: 5px;
+					text-align: center;
+					width: 16px;
+				}
+			}
+
+		}
 	}