From 7846f783f97f3ef993c6a3f291be360f6dfe862e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20J=C3=A4ckle?= <thomas.jaeckle@beyonnex.io>
Date: Sun, 15 Oct 2023 19:46:09 +0200
Subject: [PATCH] increase width of edit mode editors to 90%

* apply bigger width also for editing feature and editing connection
* capitalize "Send Message"
---
 ui/main.scss                            | 2 +-
 ui/modules/connections/connections.html | 2 +-
 ui/modules/things/featureMessages.ts    | 2 +-
 ui/modules/things/features.html         | 2 +-
 ui/modules/things/thingMessages.ts      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/main.scss b/ui/main.scss
index e6758bfbd5..f64a403cb9 100644
--- a/ui/main.scss
+++ b/ui/main.scss
@@ -177,7 +177,7 @@ hr {
 .editForgroundBig {
     position: absolute;
     right: 24px;
-    width: 60%;
+    width: 90%;
     height: 80%;
 }
 
diff --git a/ui/modules/connections/connections.html b/ui/modules/connections/connections.html
index c4d098d26c..abff51733a 100644
--- a/ui/modules/connections/connections.html
+++ b/ui/modules/connections/connections.html
@@ -43,7 +43,7 @@ <h5 data-bs-toggle="collapse" data-bs-target="#connectionsEdit">
         </div>
         <div class="col-md-8 resizable_flex_column">
             <h6>CRUD Connection</h6>
-            <crud-toolbar label="Connection Id" id="crudConnection" style="flex-grow: 1;">
+            <crud-toolbar label="Connection Id" id="crudConnection" style="flex-grow: 1;" extraeditclass="editForgroundBig">
                 <div class="input-group input-group-sm mb-1">
                     <label class="input-group-text">Template</label>
                     <div class="btn-group dropend">
diff --git a/ui/modules/things/featureMessages.ts b/ui/modules/things/featureMessages.ts
index fdc5dabdee..707bd6ed61 100644
--- a/ui/modules/things/featureMessages.ts
+++ b/ui/modules/things/featureMessages.ts
@@ -45,7 +45,7 @@ export async function ready() {
   Utils.addTab(
       document.getElementById('tabItemsFeatures'),
       document.getElementById('tabContentFeatures'),
-      'send Message',
+      'Send Message',
       featureMessagesHTML,
   );
 
diff --git a/ui/modules/things/features.html b/ui/modules/things/features.html
index 6ae16e3b87..39e5aff99e 100644
--- a/ui/modules/things/features.html
+++ b/ui/modules/things/features.html
@@ -34,7 +34,7 @@ <h5 data-bs-toggle="collapse" data-bs-target="#collapseFeatures">
             </ul>
             <div class="tab-content" style="flex-grow: 1;" id="tabContentFeatures">
                 <div class="tab-pane container active no-margin" id="tabCrudFeature">
-                    <crud-toolbar id="crudFeature" label="Feature ID">
+                    <crud-toolbar id="crudFeature" label="Feature ID" extraeditclass="editForgroundBig">
                         <div class="input-group input-group-sm mb-1">
                             <label class="input-group-text">Definition</label>
                             <input type="text" class="form-control" id="inputFeatureDefinition" disabled></input>
diff --git a/ui/modules/things/thingMessages.ts b/ui/modules/things/thingMessages.ts
index cf65e59ff6..7603938cfb 100644
--- a/ui/modules/things/thingMessages.ts
+++ b/ui/modules/things/thingMessages.ts
@@ -40,7 +40,7 @@ export async function ready() {
   Utils.addTab(
       document.getElementById('tabItemsThing'),
       document.getElementById('tabContentThing'),
-      'send Message',
+      'Send Message',
       messagesHTML,
   );