Bring table based markup and div based markup into style alignment

https://github.com/unl/wdntemplates/issues/1295

www/scss/search-google.scss

@@ -15,8 +15,7 @@
 
 .unl .google-results tbody th,
 .unl .google-results tbody td {
-  padding-bottom: 0;
-  padding-top: 0;
+  padding: 0;
 }
 
 .unl .gsc-control-cse {
@@ -38,6 +37,7 @@
 .unl .gsc-control-cse .gsc-table-result {
   font-family: inherit;
   font-size: inherit;
+  padding: 0;
 }
 
 .unl .gsc-above-wrapper-area {
@@ -61,67 +61,48 @@
 
 .unl .gsc-webResult .gsc-result {
   border: 0;
-//   @include pb-6;
+//   @include pb-7;
   padding-bottom: 2.37em;
   padding-top: 0;
 }
 
 .unl .gsc-thumbnail-inside {
-  display: none;
-}
-
-.unl .gsc-thumbnail-left {
-  display: block;
-//   @include mb-1;
-  margin-bottom: .43em;
+  padding-left: 0;
 }
 
-.unl .gs-snippet {
-//   @include mb-1;
-  margin-bottom: .43em;
-//   @include mt-1;
-  margin-top: .5625em;
-}
-
-.unl .gsc-result .gs-title {
-  height: initial;
-}
-
-// TODO: use line-height crop mixin
-.unl .gsc-result .gs-title::before {
-  content: '';
-  display: block;
-  height: 0;
-  margin-top: -.18em;
-  width: 0;
-}
-
-.unl .gs-result .gs-title,
-.unl .gs-result .gs-title * {
+.unl .gsc-thumbnail-inside > .gs-title,
+.unl .gsc-thumbnail-inside > .gs-title * {
 //   color: $scarlet;
   color: #d00000;
+  height: initial;
   text-decoration: none;
-}
-
-.unl .gsc-control-cse .gs-spelling,
-.unl .gsc-control-cse .gs-result .gs-title,
-.unl .gsc-control-cse .gs-result .gs-title * {
 //   @include lh-3;
   line-height: 1.25em;
 }
 
-.unl .gsc-control-cse .gs-result .gsc-table-cell-snippet-close > .gs-title {
+.unl .gsc-thumbnail-inside > .gs-title {
 //   @include txt-h5;
   font-size: 1.5em;
   margin-bottom: .18em;
 }
 
-.unl .gsc-control-cse .gs-result .gsc-table-cell-snippet-close > .gs-title * {
+.unl .gsc-thumbnail-inside > .gs-title * {
 //   @include txt-base;
   font-size: 1rem;
 }
 
-.unl .gsc-url-top {
+.unl .gsc-thumbnail-left {
+  display: block;
+//   @include mb-1;
+  margin-bottom: .43em;
+}
+
+.unl .gs-snippet {
+//   @include mb-1;
+  margin-bottom: .43em;
+}
+
+.unl .gsc-table-cell-snippet-close .gs-title {
   display: none;
 }
 
@@ -129,14 +110,9 @@
   color: inherit;
 }
 
-.unl .gsc-thumbnail {
-//   @include pr-5;
-  padding-right: 1em;
-}
-
 .unl .gs-web-image-box,
 .unl .gs-promotion-image-box {
-  padding: 0;
+  padding: 0 1em 0 0;
 }
 
 .unl .gs-promotion-image-box img.gs-promotion-image,
@@ -164,12 +140,17 @@
   border: 0;
 }
 
-.unl .gsc-url-bottom {
+.unl .gsc-url-top {
   display: block;
+  padding: 0 0 1em 0;
 //   @include txt-xs;
   font-size: .75em;
 }
 
+.unl .gsc-url-bottom {
+  display: none;
+}
+
 // .unl .gsc-snippet-metadata,
 // .unl .gsc-role,
 // .unl .gsc-tel,