pattern-lab
diff --git a/‎packages/uikit-workshop/dist/index.html
Lines changed: 8 additions & 5 deletions b/‎packages/uikit-workshop/dist/index.html
Lines changed: 8 additions & 5 deletions
diff --git a/‎packages/uikit-workshop/dist/styleguide/css/pattern-lab.css
Lines changed: 1 addition & 1 deletion b/‎packages/uikit-workshop/dist/styleguide/css/pattern-lab.css
Lines changed: 1 addition & 1 deletion
@@ -1,12 +1,11 @@
 <!DOCTYPE html>
-<html>
+<html class="pl-c-html">
 
 <head>
   <title id="title">Pattern Lab</title>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width" />
+  <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
   <meta name="theme-color" content="#ababab" />
-
   <link rel="stylesheet" href="styleguide/css/pattern-lab.css" media="all" />
 
 </head>
@@ -83,16 +82,20 @@
     <div class="pl-c-modal__toolbar">
         <div class="pl-c-modal__resizer pl-js-modal-resizer"></div>
         <div class="pl-c-modal__toolbar-controls">
+            <!-- @todo: revisit to see if slotted content might make sense here (ex. to have an extra toggle for switching the layout -->
+            <pl-toggle-layout></pl-toggle-layout>
+            
             <button class="pl-c-modal__close-btn pl-js-modal-close-btn" title="Hide pattern info">
                 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" class="pl-c-modal__close-btn-icon">
                     <title>Close</title>
                     <path fill="currentColor" d="M11.8905,9.6405 L11.8905,9.6405 L8.25,6 L11.8905,2.3595 L11.8905,2.3595 C11.9295,2.3205 11.958,2.27475 11.976,2.226 C12.0255,2.0925 11.997,1.9365 11.8905,1.82925 L10.17075,0.1095 C10.0635,0.00225 9.9075,-0.02625 9.774,0.024 C9.72525,0.042 9.6795,0.0705 9.6405,0.1095 L9.6405,0.1095 L6,3.75 L2.3595,0.1095 L2.3595,0.1095 C2.3205,0.0705 2.27475,0.042 2.226,0.024 C2.0925,-0.0255 1.9365,0.00225 1.82925,0.1095 L0.1095,1.82925 C0.00225,1.9365 -0.02625,2.0925 0.024,2.226 C0.042,2.27475 0.0705,2.3205 0.1095,2.3595 L0.1095,2.3595 L3.75,6 L0.1095,9.6405 L0.1095,9.6405 C0.0705,9.6795 0.042,9.72525 0.024,9.774 C-0.0255,9.9075 0.00225,10.0635 0.1095,10.17075 L1.82925,11.8905 C1.9365,11.99775 2.0925,12.02625 2.226,11.976 C2.27475,11.958 2.3205,11.9295 2.3595,11.8905 L2.3595,11.8905 L6,8.25 L9.6405,11.8905 L9.6405,11.8905 C9.6795,11.9295 9.72525,11.958 9.774,11.976 C9.9075,12.0255 10.0635,11.99775 10.17075,11.8905 L11.8905,10.17075 C11.99775,10.0635 12.02625,9.9075 11.976,9.774 C11.958,9.72525 11.9295,9.6795 11.8905,9.6405 L11.8905,9.6405 Z"></path>
                 </svg>
             </button>
-            <pl-toggle-layout></pl-toggle-layout>
         </div>
     </div>
-    <div class="pl-c-modal__content pl-js-modal-content"></div>
+    <div class="pl-c-modal__content-wrapper">
+        <div class="pl-c-modal__content pl-js-modal-content"></div>
+    </div>
 </div>
 
     </div>