From a0d71bb8b02a85fd60b3bcf162314589f50503e9 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Thu, 8 Jul 2021 12:01:12 -0700
Subject: [PATCH] branding: fix error highlight with empty cloudron name

---
 src/views/branding.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/branding.html b/src/views/branding.html
index 7470d2182..fddd970e6 100644
--- a/src/views/branding.html
+++ b/src/views/branding.html
@@ -37,10 +37,10 @@
       <div class="col-md-12">
         <form role="form" name="aboutForm" ng-submit="about.submit()" autocomplete="off">
           <fieldset>
-            <div class="form-group" ng-class="{ 'has-error': (aboutForm.name.$dirty && aboutForm.name.$invalid) }">
+            <div class="form-group" ng-class="{ 'has-error': about.error.cloudronName }">
               <label class="control-label">{{ 'branding.cloudronName' | tr }}</label>
               <div class="control-label" ng-show="about.error.cloudronName">{{about.error.cloudronName}}</div>
-              <input type="text" class="form-control" id="inputCloudronName" name="name" ng-model="about.cloudronName" maxlength="64">
+              <input type="text" class="form-control" id="inputCloudronName" name="name" ng-model="about.cloudronName" ng-minlength="1" maxlength="64" required>
             </div>
 
             <div class="form-group">