[design] improve head item margins

This commit is contained in:
zombieFox 2018-12-26 10:50:18 -07:00
parent 12b1b1ae7c
commit ef1743bd3a

View File

@ -30,10 +30,10 @@
<div class="grid-item-head"> <div class="grid-item-head">
<div class="head"> <div class="head">
<div class="head-item mb-3 mb-md-0"> <div class="head-item mb-3 mb-lg-0">
<p class="clock"></p> <p class="clock"></p>
</div> </div>
<div class="head-item head-search mb-3 mb-md-0"> <div class="head-item head-search mb-3 mb-lg-0">
<form class="search" action="http://www.google.com/search" method="get"> <form class="search" action="http://www.google.com/search" method="get">
<input class="search-input mb-0" type="text" placeholder="Find bookmarks or search" tabindex="1" name="q" autocomplete="off" tabindex="1"> <input class="search-input mb-0" type="text" placeholder="Find bookmarks or search" tabindex="1" name="q" autocomplete="off" tabindex="1">
<input type="submit" value="Search" class="is-hidden"> <input type="submit" value="Search" class="is-hidden">
@ -42,17 +42,17 @@
<span class="icon-close"></span> <span class="icon-close"></span>
</button> </button>
</div> </div>
<div class="head-item mb-3 mb-md-0"> <div class="head-item mb-3 mb-lg-0">
<button class="button mb-0 control-add" tabindex="1"> <button class="button mb-0 control-add" tabindex="1">
<span class="button-text">Add</span> <span class="button-text">Add</span>
</button> </button>
</div> </div>
<div class="head-item mb-3 mb-md-0"> <div class="head-item mb-3 mb-lg-0">
<button class="button mb-0 control-edit" tabindex="1"> <button class="button mb-0 control-edit" tabindex="1">
<span class="button-text">Edit</span> <span class="button-text">Edit</span>
</button> </button>
</div> </div>
<div class="head-item mb-3 mb-md-0"> <div class="head-item mb-3 mb-lg-0">
<form class="theme"> <form class="theme">
<label class="button mb-0 theme-label" for="accent-picker"> <label class="button mb-0 theme-label" for="accent-picker">
<span class="button-text">Accent</span> <span class="button-text">Accent</span>