demo: improve gist shown in gh page

ghiscoding · web-flow · commit dfe42c42eb9d · 2023-01-12T17:41:40.000-05:00
diff --git a/demo/src/examples/example01.html b/demo/src/examples/example01.html
@@ -51,7 +51,7 @@ <h2 class="bd-title">
   <hr />
 
   <div class="mb-3 row">
-    <label class="col-sm-2"> Group Select </label>
+    <label class="col-sm-2">Group Select</label>
 
     <div class="col-sm-10">
       <select class="full-width">
@@ -75,7 +75,7 @@ <h2 class="bd-title">
   </div>
 
   <div class="mb-3 row">
-    <label class="col-sm-2"> Multiple Select </label>
+    <label class="col-sm-2">Multiple Select</label>
 
     <div class="col-sm-10">
       <select class="multiple-select full-width">
@@ -99,10 +99,13 @@ <h2 class="bd-title">
   </div>
 </div>
 
-<div class="row">
-  <iframe width="100%" height="450" src="data:text/html;charset=utf-8,
-    <head><base target='_blank' /></head>
-    <body><script src='https://gist.github.com/ghiscoding/d9136bb871e43cf93da6b58cd3e1ccfe.js'></script>
-    </body>">
-  </iframe>
+<div class="row mt-4">  
+  <label class="col-sm-2">Code Sample</label>
+  <div class="col-sm-10 col-lg-8">
+    <iframe width="100%" height="450" src="data:text/html;charset=utf-8,
+      <head><base target='_blank' /></head>
+      <body><script src='https://gist.github.com/ghiscoding/d9136bb871e43cf93da6b58cd3e1ccfe.js'></script>
+      </body>">
+    </iframe>
+  </div>
 </div>
