updated style and spacing

applications/examples/views/default/documentation.html

@@ -1,11 +1,10 @@
 {{extend 'layout.html'}}
 
-<center>
-  <iframe src="//player.vimeo.com/hubnut/album/3016728?color=ff6600&amp;background=ffffff&amp;slideshow=1&amp;video_title=1&amp;video_byline=1" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
-</center>
-
 <div>
   {{=get_content('main')}}
+  <center>
+    <iframe src="//player.vimeo.com/hubnut/album/3016728?color=ff6600&amp;background=ffffff&amp;slideshow=1&amp;video_title=1&amp;video_byline=1" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+  </center>
   {{=get_content('official')}}
   {{=get_content('community')}}
   {{=get_content('more')}}

applications/examples/views/default/index.html

@@ -35,6 +35,9 @@
       <a class="btn rounded red fill" href="{{=URL('download')}}">
         Download Now
       </a>
+      <a class="btn rounded red fill" href="{{=URL('examples')}}">
+        Quick Examples
+      </a>
       <a class="btn rounded red fill" href="https://www.pythonanywhere.com/try-web2py">
         Try it now online
       </a>

applications/examples/views/layout.html

@@ -13,8 +13,9 @@
       tbody tr:hover {background-color:transparent}
       tbody tr {border-bottom: none}
       p {text-align: left}
+      p, li { line-height: 1.6em}
       pre {background-color: black!important;border-radius:5px; color:white; padding:10px}
-      a.btn.btn180 {padding:20px; font-size:1.2em; width:200px!important}
+      a.btn.btn180 {padding:20px; font-size:1.2em; width:200px!important}      
     </style>
     {{
     left_sidebar_enabled = globals().get('left_sidebar_enabled', False)