From de8d78ea311e9ec16aa03bd28736b7ff04863bc5 Mon Sep 17 00:00:00 2001
From: Roman Axelrod <roman@axe-web.com>
Date: Fri, 6 May 2022 08:45:33 +0300
Subject: [PATCH] Update Toolbar styling.

---
 .../block/templates/src/template.template.hbs      | 10 ++++------
 layouts/styles/page--main.css                      | 14 ++++++++++----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/generators/block/templates/src/template.template.hbs b/generators/block/templates/src/template.template.hbs
index d069ca3..92ae07f 100644
--- a/generators/block/templates/src/template.template.hbs
+++ b/generators/block/templates/src/template.template.hbs
@@ -13,6 +13,7 @@
       display: inline-block;
       border-radius: 2px;
       font-size: 14px;
+      white-space: pre-line;
     }
   </style>
 
@@ -34,8 +35,7 @@
     <div>
       <img src="images/demo.jpeg" alt="">
       <br>
-      <code>
-        &lt;img src=&quot;images/demo.jpeg&quot; alt=&quot;&quot;&gt;
+      <code>&lt;img src=&quot;images/demo.jpeg&quot; alt=&quot;&quot;&gt;
       </code>
     </div>
 
@@ -47,8 +47,7 @@
     <div>
       <a href="#" class="btn btn--primary">Primary</a>
       <br>
-      <code>
-        &lt;a href=&quot;#&quot; class=&quot;btn btn--primary&quot;&gt;Primary&lt;/a&gt;
+      <code>&lt;a href=&quot;#&quot; class=&quot;btn btn--primary&quot;&gt;Primary&lt;/a&gt;
       </code>
     </div>
 
@@ -57,8 +56,7 @@
     <div>
       <a href="#" class="btn btn--secondary">Secondary</a>
       <br>
-      <code>
-        &lt;a href=&quot;#&quot; class=&quot;btn btn--secondary&quot;&gt;Secondary&lt;/a&gt;
+      <code>&lt;a href=&quot;#&quot; class=&quot;btn btn--secondary&quot;&gt;Secondary&lt;/a&gt;
       </code>
     </div>
   </div>
diff --git a/layouts/styles/page--main.css b/layouts/styles/page--main.css
index cccc1cd..71a854a 100644
--- a/layouts/styles/page--main.css
+++ b/layouts/styles/page--main.css
@@ -5,16 +5,17 @@ body {
 
 header.page_toolbar {
   --gap: 2.5rem;
+  font-size: 14px;
 
   font-family: Arial, sans-serif;
   background-color: #ccc;
-  padding: 1rem;
+  padding: 1em;
 
   display: flex;
   justify-content: center;
   gap: var(--gap);
   align-items: center;
-  margin-bottom: 2rem;
+  margin-bottom: 2em;
 }
 
 header.page_toolbar > div {
@@ -32,8 +33,13 @@ header.page_toolbar > div:not(:first-child):after {
 }
 
 header.page_toolbar select {
-  font-size: 0.85rem;
-  padding: 0.25rem;
+  font-size: 0.85em;
+  margin: 0;
+  display: inline-block;
+  border-radius: initial;
+  min-width: initial;
+  width: initial !important;
+  padding: 4px 8px;
 }
 
 @media (max-width: 1024px) {