updated docs so tooltip demo fits better on mobile

zegerhoogeboom · Dec 29, 2014 · 2b1f46a · 2b1f46a
1 parent cc085ee
commit 2b1f46a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/jade/javascript/javascript_content.html b/jade/javascript/javascript_content.html
@@ -83,10 +83,10 @@ <h3 class="header">Tooltips</h3>
         <div class="row">
           <div class="col s12">
             <p>Tooltips are small, interactive, textual hints for mainly graphical elements. When using icons for actions you can use a tooltip to give people clarification on its function.</p>
-            <a class="btn tooltipped" data-position="bottom" data-tooltip="I am tooltip"> Bottom Tooltip</a>
-            <a class="btn tooltipped" data-position="top" data-tooltip="I am tooltip"> Top Tooltip</a>
-            <a class="btn tooltipped" data-position="left" data-tooltip="I am tooltip"> Left Tooltip</a>
-            <a class="btn tooltipped" data-position="right" data-tooltip="I am tooltip"> Right Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="bottom" data-tooltip="I am tooltip"> Bottom Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="top" data-tooltip="I am tooltip"> Top Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="left" data-tooltip="I am tooltip"> Left Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="right" data-tooltip="I am tooltip"> Right Tooltip</a>
             <br>
           </div>
         </div>

diff --git a/javascript.html b/javascript.html
@@ -140,10 +140,10 @@ <h3 class="header">Tooltips</h3>
         <div class="row">
           <div class="col s12">
             <p>Tooltips are small, interactive, textual hints for mainly graphical elements. When using icons for actions you can use a tooltip to give people clarification on its function.</p>
-            <a class="btn tooltipped" data-position="bottom" data-tooltip="I am tooltip"> Bottom Tooltip</a>
-            <a class="btn tooltipped" data-position="top" data-tooltip="I am tooltip"> Top Tooltip</a>
-            <a class="btn tooltipped" data-position="left" data-tooltip="I am tooltip"> Left Tooltip</a>
-            <a class="btn tooltipped" data-position="right" data-tooltip="I am tooltip"> Right Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="bottom" data-tooltip="I am tooltip"> Bottom Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="top" data-tooltip="I am tooltip"> Top Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="left" data-tooltip="I am tooltip"> Left Tooltip</a>
+            <a class="btn tooltipped col s4 offset-s4 m3" data-position="right" data-tooltip="I am tooltip"> Right Tooltip</a>
             <br>
           </div>
         </div>