From 755c708a661f722ce2aa22ee528f3f8d5253fad6 Mon Sep 17 00:00:00 2001
From: Sparks <zaharus000@mail.ru>
Date: Fri, 26 Oct 2018 15:11:20 +0700
Subject: [PATCH 1/2] Update show.html.erb

---
 app/views/notes/show.html.erb | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/app/views/notes/show.html.erb b/app/views/notes/show.html.erb
index 8fb9772ce6..faacaa2c7a 100644
--- a/app/views/notes/show.html.erb
+++ b/app/views/notes/show.html.erb
@@ -37,6 +37,15 @@
       <span class="hidden-xs hidden-sm">
         <%= @node.created_at.to_s(:long) %>
       </span>
+      <a class="hidden-md hidden-lg hidden-xl" data-toggle="collapse" href="#collapse-info" role="button" aria-expanded="false" aria-controls="collapse-info" id="collapse-button">...</a>
+      <span class="collapse collapse-info" id="collapse-info">
+        | <%= number_with_delimiter(@node.totalviews) %> <%= t('notes.show.views') %>
+        <% if @node.comments %>
+          | <i class="fa fa-comment"></i>
+          <a href="#comments"> <%= @node.comments.length %> <%= t('notes.show.comments') %> </a>
+        <% end %>
+          | <a href="/n/<%= @node.id %>"><i class="fa fa-link"></i></a> <span class="hidden-xs hidden-sm hidden-md"><a href="/n/<%= @node.id %>">#<%= @node.id %></a></span>
+      </span>
       <span class="hidden-xs hidden-sm hidden-print">
         | <%= number_with_delimiter(@node.totalviews) %> <%= t('notes.show.views') %>
         <% if @node.comments %>
@@ -116,3 +125,19 @@
 </div><!--/span-->
 
 <%= render partial: "sidebar/related" %>
+
+<style>
+  .collapse.in {
+      display: unset;
+  }
+  @media (min-width: 1000px){
+    .collapse-info {
+        display: none !important;
+    }
+  }
+</style>
+<script>
+  $("#collapse-button").click(function(){
+      $(this).remove();
+  });
+</script>

From 6c4247b1a75549febe3dd77e8c82081451952a61 Mon Sep 17 00:00:00 2001
From: Sparks <zaharus000@mail.ru>
Date: Sat, 27 Oct 2018 11:24:19 +0700
Subject: [PATCH 2/2] collapse-btn style

---
 app/views/notes/show.html.erb | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/views/notes/show.html.erb b/app/views/notes/show.html.erb
index faacaa2c7a..797f35bcca 100644
--- a/app/views/notes/show.html.erb
+++ b/app/views/notes/show.html.erb
@@ -37,7 +37,7 @@
       <span class="hidden-xs hidden-sm">
         <%= @node.created_at.to_s(:long) %>
       </span>
-      <a class="hidden-md hidden-lg hidden-xl" data-toggle="collapse" href="#collapse-info" role="button" aria-expanded="false" aria-controls="collapse-info" id="collapse-button">...</a>
+      <a class="hidden-md hidden-lg hidden-xl collapse-btn" data-toggle="collapse" href="#collapse-info" role="button" aria-expanded="false" aria-controls="collapse-info" id="collapse-button">...</a>
       <span class="collapse collapse-info" id="collapse-info">
         | <%= number_with_delimiter(@node.totalviews) %> <%= t('notes.show.views') %>
         <% if @node.comments %>
@@ -135,6 +135,13 @@
         display: none !important;
     }
   }
+  .collapse-btn{
+    padding: 0.2em 0.4em;
+    margin: 0;
+    font-size: 85%;
+    background-color: rgba(27, 31, 35, 0.14);
+    border-radius: 3px;
+  }
 </style>
 <script>
   $("#collapse-button").click(function(){