[design] improve head spacing

Author: zombieFox

css/grid.css

@@ -10,7 +10,7 @@
 }
 
 .grid-item-head{
-padding:2em2em02em;
+padding:2em2em1em2em;
 width:100%;
 }
 
@@ -33,12 +33,7 @@
 padding-right:8vw;
  }
 
- .grid-item-head{
-padding-top:3em;
- }
-
  .grid-item-body{
-padding-bottom:25vh;
 grid-template-columns:repeat(3,minmax(1em,1fr));
  }
 }
@@ -51,12 +46,7 @@
 padding-right:11vw;
  }
 
- .grid-item-head{
-padding-top:4em;
- }
-
  .grid-item-body{
-padding-top:3em;
 grid-template-columns:repeat(4,minmax(1em,1fr));
  }
 }
@@ -69,6 +59,11 @@
 padding-right:14vw;
  }
 
+ .grid-item-head{
+padding-top:3em;
+padding-bottom:2em;
+ }
+
  .grid-item-body{
 grid-template-columns:repeat(5,minmax(1em,1fr));
  }

index.html

@@ -30,10 +30,10 @@
 
 <divclass="grid-item-head">
 <divclass="head">
-<divclass="head-item mb-3 mb-lg-0">
+<divclass="head-item mb-3 mb-xl-0">
 <pclass="clock"></p>
 </div>
-<divclass="head-item head-search mb-3 mb-lg-0">
+<divclass="head-item head-search mb-3 mb-xl-0">
 <formclass="search" action="http://www.google.com/search" method="get">
 <inputclass="search-input mb-0" type="text" placeholder="Find bookmarks or search" tabindex="1" name="q" autocomplete="off" tabindex="1">
 <inputtype="submit" value="Search" class="is-hidden">
@@ -42,23 +42,23 @@
 <spanclass="icon-close"></span>
 </button>
 </div>
-<divclass="head-item button-group mb-3 mb-lg-0">
+<divclass="head-item button-group mb-3 mb-xl-0">
 <buttonclass="button mb-0 control-add" tabindex="1">
 <spanclass="button-text">Add</span>
 </button>
 <buttonclass="button mb-0 control-edit" tabindex="1">
 <spanclass="button-text">Edit</span>
 </button>
 </div>
-<divclass="head-item button-group mb-3 mb-lg-0">
+<divclass="head-item button-group mb-3 mb-xl-0">
 <buttonclass="button mb-0 control-link-list" tabindex="1">
 <spanclass="button-text">List</span>
 </button>
 <buttonclass="button mb-0 control-link-blocks active" tabindex="1">
 <spanclass="button-text">Block</span>
 </button>
 </div>
-<divclass="head-item mb-3 mb-lg-0">
+<divclass="head-item mb-3 mb-xl-0">
 <formclass="theme">
 <labelclass="button mb-0 theme-label" for="accent-picker">
 <spanclass="button-text">Accent</span>