From 8cc626013561b637f271ac2505a7288e994ea8a2 Mon Sep 17 00:00:00 2001
From: narudesigns <ibeabuchipaul@gmail.com>
Date: Sun, 12 Dec 2021 00:41:06 +0100
Subject: [PATCH 1/2] Changed header value to "Add Title" and added some
 classes for styling elements

---
 examples/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/index.html b/examples/index.html
index 925ceae2..a4ffb44b 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -112,14 +112,14 @@ <h1>Share</h1>
       <div class="ple-content">
         <!-- title module -->
         <div class="ple-module-title ple-module container">
-          <div class="row">
+          <div class="row title-module">
           <div class="ple-module-guide col-md-3">
-            <h2>1</h2>
+            <h2>Add Title</h2>
           </div>
 
           <div class="ple-module-content col-md-9">
             <input
-              class="form-control input-lg"
+              class="form-control input-lg ple-module-input"
               type="text"
               placeholder="Title"
             />

From 012ae2e5da877d926f65a45b8838e0c0204d9c01 Mon Sep 17 00:00:00 2001
From: narudesigns <ibeabuchipaul@gmail.com>
Date: Sun, 12 Dec 2021 00:42:43 +0100
Subject: [PATCH 2/2] Refined Title module UI

---
 dist/PublicLab.Editor.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/dist/PublicLab.Editor.css b/dist/PublicLab.Editor.css
index f9b05238..918275ab 100644
--- a/dist/PublicLab.Editor.css
+++ b/dist/PublicLab.Editor.css
@@ -171,9 +171,19 @@ pre {
   display: flex;
 }
 
+.ple-module-guide {
+  max-width: 100%;
+}
+
 .ple-module-guide h2 {
   font-size: 4em;
   margin-top: 0;
+  text-align: center;
+}
+
+.ple-module-input {
+  padding: 1.7rem 1rem;
+  font-size: 1.3rem;
 }
 
 .ple-module-guide p {
@@ -196,6 +206,17 @@ pre {
   padding-bottom: 8px;
 }
 
+.ple-module-title .title-module {
+  display: flex;
+  flex-direction: column !important;
+  align-items: center !important;
+  justify-content: center;
+  flex-wrap: nowrap !important;
+  height: fit-content;
+  margin: 0 auto;
+  width: 100%;
+}
+
 .mainImageBox {
   height: 180px;
   width: 720px;