Custom theme

1 files changed, 22 insertions, 11 deletions

diff --git a/client/simple/src/less/style.less b/client/simple/src/less/style.less
index 46ba5d491..16edb8c24 100644
--- a/client/simple/src/less/style.less
+++ b/client/simple/src/less/style.less
@@ -183,6 +183,8 @@ article[data-vim-selected].category-social {
   box-sizing: border-box;
   width: 100%;
   .ltr-border-left(0.2rem solid transparent);
+  width: @results-width;
+  flex: 1 auto;
 
   h3 {
     font-size: 1.2rem;
@@ -375,6 +377,14 @@ article[data-vim-selected].category-social {
   flex-wrap: wrap;
 }
 
+.template_group_default,
+.template_group_videos {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: flex-start;
+  flex-grow: 1;
+}
+
 .template_group_images::after {
   flex-grow: 10;
   content: "";
@@ -387,6 +397,7 @@ article[data-vim-selected].category-social {
 .category-social {
   border: 1px solid var(--color-result-border);
   margin: 0 @results-tablet-offset 1rem @results-tablet-offset !important;
+  width: @results-width;
   .rounded-corners;
 }
 
@@ -466,7 +477,7 @@ article[data-vim-selected].category-social {
   margin: 0.25rem;
   border: none !important;
   height: @results-image-row-height;
-  width: unset;
+  width: auto;
 
   & > a {
     position: relative;
@@ -509,6 +520,8 @@ article[data-vim-selected].category-social {
 }
 
 .result-map {
+  width: auto;
+
   img.image {
     .ltr-float-right() !important;
     height: 100px !important;
@@ -544,13 +557,7 @@ article[data-vim-selected].category-social {
   .ltr-margin-right(2rem);
   margin-bottom: 0;
   .ltr-margin-left(@results-offset);
-  display: grid;
-  grid-template:
-    "corrections sidebar" min-content
-    "answers sidebar" min-content
-    "urls sidebar" 1fr
-    "pagination sidebar" min-content
-    / @results-width @results-sidebar-width;
+  grid-template-rows: min-content min-content 1fr min-content;
   gap: 0 @results-gap;
 }
 
@@ -561,6 +568,8 @@ article[data-vim-selected].category-social {
 #urls {
   padding: 0;
   grid-area: urls;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 #apis .wrapper {
@@ -688,6 +697,7 @@ summary.title {
 }
 
 #sidebar {
+  display: none;
   grid-area: sidebar;
   overflow-wrap: break-word;
   color: var(--color-sidebar-font);
@@ -794,10 +804,11 @@ summary.title {
   position: absolute;
   .ltr-right(1rem);
   .ltr-text-align-right();
-  top: 2.7rem;
+  top: 0.5rem;
   padding: 0;
   border: 0;
-  display: flex;
+  display: grid;
+  grid-template-columns: auto;
   align-items: center;
   font-size: 1em;
   color: var(--color-search-font);
@@ -832,7 +843,6 @@ summary.title {
 
 .numbered_pagination {
   display: flex;
-  flex-direction: row;
   justify-content: center;
   align-items: center;
   overflow: hidden;
@@ -923,6 +933,7 @@ summary.title {
     float: none;
     border: none;
     width: auto;
+    display: none;
 
     input {
       border: 0;