From 285b2d48250f1cd34ba8e0ff02942fe445ae6811 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Mon, 1 May 2023 17:50:12 -0500
Subject: [PATCH] Website: License dispenser styles patch (#11465)

Changes:
- Updated the quote form on the /customers/new-license page to stay the
same size when the billing information form is shown.
- Fixed the styles on the "log out" button on customer pages.
---
 website/assets/styles/pages/customers/new-license.less | 4 +++-
 website/views/layouts/layout-customer.ejs              | 2 +-
 website/views/pages/customers/new-license.ejs          | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/website/assets/styles/pages/customers/new-license.less b/website/assets/styles/pages/customers/new-license.less
index a3b8cdf6cd..35c9f419fd 100644
--- a/website/assets/styles/pages/customers/new-license.less
+++ b/website/assets/styles/pages/customers/new-license.less
@@ -25,13 +25,15 @@
   input[type='number'] {
     -moz-appearance: textfield;
   }
+  [purpose='quote-input'] {
+    max-width: 200px;
+  }
 
   [purpose='cloud-error'] {
     max-width: fit-content;
   }
 
   [purpose='customer-portal-form'] {
-
     label {
       font-weight: 400;
       margin-bottom: 4px;
diff --git a/website/views/layouts/layout-customer.ejs b/website/views/layouts/layout-customer.ejs
index 851f207433..f6c6c2db30 100644
--- a/website/views/layouts/layout-customer.ejs
+++ b/website/views/layouts/layout-customer.ejs
@@ -139,7 +139,7 @@
             <img alt="Fleet logo" src="/images/logo-blue-118x41@2x.png"/>
           </a>
           <div purpose="header-nav">
-            <a href="/logout" class="justify-content-end px-3 py-2 text-decoration-none <%= _.has(me, 'id') ? 'd-flex' : 'd-none' %>" style="text-decoration: none; line-height: 23px;">Log out</a>
+            <a href="/logout" purpose="logout-btn" class="justify-content-end px-3 py-2 <%= _.has(me, 'id') ? 'd-flex' : 'd-none' %>" style="text-decoration: none; line-height: 23px;">Log out</a>
           </div>
         </div>
       </div>
diff --git a/website/views/pages/customers/new-license.ejs b/website/views/pages/customers/new-license.ejs
index 192284e242..97a16acd31 100644
--- a/website/views/pages/customers/new-license.ejs
+++ b/website/views/pages/customers/new-license.ejs
@@ -13,7 +13,7 @@
                 <label for="numberOfHosts">Total number of devices</label>
                 <input class="form-control" min="1" purpose="quote-input" id="numberOfHosts" type="number" :class="[formErrors.numberOfHosts ? 'is-invalid' : formErrors.numberOfHosts < 1 ]" focus-first v-model.trim="formData.numberOfHosts" v-if="!numberOfHostsQuoted">
                 <div class="invalid-feedback" v-if="formErrors.numberOfHosts">Please enter a number of hosts</div>
-                <span style="position: relative; cursor: text; padding: 6px 16px 8px 16px;" class="form-control" @click="clickResetForm()" v-if="numberOfHostsQuoted">{{formData.numberOfHosts}}<span style="position: absolute; cursor: pointer; bottom: 10px; right: 16px;" class="text-muted fa fa-times-circle pl-2"></span></span>
+                <span purpose="quote-input" style="position: relative; cursor: text; padding: 6px 16px 8px 16px;" class="form-control" @click="clickResetForm()" v-if="numberOfHostsQuoted">{{formData.numberOfHosts}}<span style="position: absolute; cursor: pointer; bottom: 10px; right: 16px;" class="text-muted fa fa-times-circle pl-2"></span></span>
               </div>
 
               <div style="color: #515774;" class="order-last text-left text-sm-right col-12 col-sm-6 pr-0 pl-sm-4 pl-0 pt-sm-4">