From 953063b984b1795540dd8be7fed4d28a3e374666 Mon Sep 17 00:00:00 2001
From: Matysh <web@justbusiness.site>
Date: Fri, 7 Aug 2026 22:09:42 +0300
Subject: [PATCH] fix: keep wall thickness beside room outline

---
 .../houseplan/frontend/houseplan-card.js      | 18 ++++++++---------
 demo/srv/assets/houseplan-card.js             | 18 ++++++++---------
 dist/houseplan-card.js                        | 18 ++++++++---------
 src/houseplan-card.ts                         | 20 +++++++++----------
 4 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/custom_components/houseplan/frontend/houseplan-card.js b/custom_components/houseplan/frontend/houseplan-card.js
index f8645cb7..81aa68d4 100755
--- a/custom_components/houseplan/frontend/houseplan-card.js
+++ b/custom_components/houseplan/frontend/houseplan-card.js
@@ -4207,6 +4207,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           title=${this._t("title.markup_add")}>
           <ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t("markup.add")}
         </button>
+        ${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
+              <input type="number" min=${Xs(1,this._imperial)}
+                max=${Xs(150,this._imperial)} step="any"
+                .value=${this._drawWallFieldValue}
+                @input=${t=>{this._drawWallField=t.target.value}}
+                title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
+              <span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
+              <span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
+            </label>`:G}
         <button class="btn ${"partition"===this._tool?"on":""}"
           @click=${()=>{this._cancelPath(),this._tool="partition"}}
           title=${this._t("title.markup_partition")}>
@@ -4217,15 +4226,6 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           title=${this._t("title.markup_column")}>
           <ha-icon icon="mdi:vector-square"></ha-icon>${this._t("markup.column")}
         </button>
-        ${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
-              <input type="number" min=${Xs(1,this._imperial)}
-                max=${Xs(150,this._imperial)} step="any"
-                .value=${this._drawWallFieldValue}
-                @input=${t=>{this._drawWallField=t.target.value}}
-                title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
-              <span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
-              <span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
-            </label>`:G}
       </span>
       <button class="btn ${"merge"===this._tool?"on":""}"
         @click=${()=>{this._tool="merge",this._cancelPath(),this._tool="merge"}}
diff --git a/demo/srv/assets/houseplan-card.js b/demo/srv/assets/houseplan-card.js
index f8645cb7..81aa68d4 100755
--- a/demo/srv/assets/houseplan-card.js
+++ b/demo/srv/assets/houseplan-card.js
@@ -4207,6 +4207,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           title=${this._t("title.markup_add")}>
           <ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t("markup.add")}
         </button>
+        ${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
+              <input type="number" min=${Xs(1,this._imperial)}
+                max=${Xs(150,this._imperial)} step="any"
+                .value=${this._drawWallFieldValue}
+                @input=${t=>{this._drawWallField=t.target.value}}
+                title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
+              <span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
+              <span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
+            </label>`:G}
         <button class="btn ${"partition"===this._tool?"on":""}"
           @click=${()=>{this._cancelPath(),this._tool="partition"}}
           title=${this._t("title.markup_partition")}>
@@ -4217,15 +4226,6 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           title=${this._t("title.markup_column")}>
           <ha-icon icon="mdi:vector-square"></ha-icon>${this._t("markup.column")}
         </button>
-        ${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
-              <input type="number" min=${Xs(1,this._imperial)}
-                max=${Xs(150,this._imperial)} step="any"
-                .value=${this._drawWallFieldValue}
-                @input=${t=>{this._drawWallField=t.target.value}}
-                title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
-              <span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
-              <span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
-            </label>`:G}
       </span>
       <button class="btn ${"merge"===this._tool?"on":""}"
         @click=${()=>{this._tool="merge",this._cancelPath(),this._tool="merge"}}
diff --git a/dist/houseplan-card.js b/dist/houseplan-card.js
index f8645cb7..81aa68d4 100755
--- a/dist/houseplan-card.js
+++ b/dist/houseplan-card.js
@@ -4207,6 +4207,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           title=${this._t("title.markup_add")}>
           <ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t("markup.add")}
         </button>
+        ${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
+              <input type="number" min=${Xs(1,this._imperial)}
+                max=${Xs(150,this._imperial)} step="any"
+                .value=${this._drawWallFieldValue}
+                @input=${t=>{this._drawWallField=t.target.value}}
+                title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
+              <span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
+              <span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
+            </label>`:G}
         <button class="btn ${"partition"===this._tool?"on":""}"
           @click=${()=>{this._cancelPath(),this._tool="partition"}}
           title=${this._t("title.markup_partition")}>
@@ -4217,15 +4226,6 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           title=${this._t("title.markup_column")}>
           <ha-icon icon="mdi:vector-square"></ha-icon>${this._t("markup.column")}
         </button>
-        ${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
-              <input type="number" min=${Xs(1,this._imperial)}
-                max=${Xs(150,this._imperial)} step="any"
-                .value=${this._drawWallFieldValue}
-                @input=${t=>{this._drawWallField=t.target.value}}
-                title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
-              <span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
-              <span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
-            </label>`:G}
       </span>
       <button class="btn ${"merge"===this._tool?"on":""}"
         @click=${()=>{this._tool="merge",this._cancelPath(),this._tool="merge"}}
diff --git a/src/houseplan-card.ts b/src/houseplan-card.ts
index fd753823..db3c2c94 100755
--- a/src/houseplan-card.ts
+++ b/src/houseplan-card.ts
@@ -12615,16 +12615,6 @@ class HouseplanCard extends LitElement {
           title=${this._t('title.markup_add')}>
           <ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t('markup.add')}
         </button>
-        <button class="btn ${this._tool === 'partition' ? 'on' : ''}"
-          @click=${() => { this._cancelPath(); this._tool = 'partition'; }}
-          title=${this._t('title.markup_partition')}>
-          <ha-icon icon="mdi:wall"></ha-icon>${this._t('markup.partition')}
-        </button>
-        <button class="btn ${this._tool === 'column' ? 'on' : ''}"
-          @click=${() => { this._cancelPath(); this._tool = 'column'; }}
-          title=${this._t('title.markup_column')}>
-          <ha-icon icon="mdi:vector-square"></ha-icon>${this._t('markup.column')}
-        </button>
         ${this._tool === 'draw' || this._tool === 'partition' || this._tool === 'column'
           ? html`<label class="drawwall ${this._drawWallCm == null ? 'invalid' : ''}">${this._t('wallthick.field')}
               <input type="number" min=${cmToField(1, this._imperial)}
@@ -12643,6 +12633,16 @@ class HouseplanCard extends LitElement {
               })}</span>
             </label>`
           : nothing}
+        <button class="btn ${this._tool === 'partition' ? 'on' : ''}"
+          @click=${() => { this._cancelPath(); this._tool = 'partition'; }}
+          title=${this._t('title.markup_partition')}>
+          <ha-icon icon="mdi:wall"></ha-icon>${this._t('markup.partition')}
+        </button>
+        <button class="btn ${this._tool === 'column' ? 'on' : ''}"
+          @click=${() => { this._cancelPath(); this._tool = 'column'; }}
+          title=${this._t('title.markup_column')}>
+          <ha-icon icon="mdi:vector-square"></ha-icon>${this._t('markup.column')}
+        </button>
       </span>
       <button class="btn ${this._tool === 'merge' ? 'on' : ''}"
         @click=${() => { this._tool = 'merge'; this._cancelPath(); this._tool = 'merge'; }}