feature/Add more button to snippet preview

Author: LewisYoul

app/views/snippets/_snippet_preview.html.erb

@@ -8,7 +8,7 @@
             <% if snippet.private? %>
               <img class="margin-right--tiny" title="This snippet is only visible to you" data-checkbox-target="icon" src="/icons/lock-closed.svg" width="16">
             <% end %>
-            <div class="rounded-md bg-gray-200 px-2 py-1 text-gray-500">
+            <div class="rounded-md bg-gray-100 px-2 py-1 text-gray-500">
               <span class="block text-xs"><%= snippet.language.name %></span>
             </div>
             <% if @display_popover %>
@@ -29,7 +29,12 @@
         <%= render partial: 'shared/comment_button', locals: { snippet: snippet } %>
       </div>
     </div>
-
-    <%= render partial: 'shared/codemirror', locals: { code: snippet.preview, mode: snippet.language.slug, read_only: true, classes: 'snippet--content' } %>
+    
+    <div class="relative">
+      <div class="transition text-gray-500 hover:underline absolute border rounded-md bottom-2 right-2 z-3 bg-white text-sm px-2 py-1">
+        <span>More...</span>
+      </div>
+      <%= render partial: 'shared/codemirror', locals: { code: snippet.preview, mode: snippet.language.slug, read_only: true, classes: 'snippet--content' } %>
+    </div>
   </div>
 <% end %>