fixed copy button position and changed cursor on filter hover

Adamkadaban · Dec 13, 2020 · 2918b8a · 2918b8a
1 parent 0769932
commit 2918b8a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/_includes/bin_table.html b/_includes/bin_table.html
@@ -54,7 +54,7 @@ <h3>OS:</h3>
 	    {% assign sites = site.wadcoms | reverse %} 
             {% for file in sites %}
             <tr>
-		    <td><div class="bin-name"><a href="{{ file.url }}" id="{{ file.url }}" style="text-decoration: none; color: DarkGreen;">{{ file.command }}</a><a href="javascript:void(0)" onClick="copyFunction('{{ file.url }}')" style="float: right;"><img src="/assets/copy-button.svg" alt="Copy" title="Copy" id="{{ file.url }}_img"/></a></div><p style="margin-top: -12px;">{% include filter_list.html bin=file %}</p></td>
+		    <td><div class="bin-name"><div style="flex: 0 0 97%"><a href="{{ file.url }}" id="{{ file.url }}" style="text-decoration: none; color: DarkGreen;">{{ file.command }}</a></div><div style="flex: 1;"><a href="javascript:void(0)" onClick="copyFunction('{{ file.url }}')"><img src="/assets/copy-button.svg" alt="Copy" title="Copy" id="{{ file.url }}_img"/></a></div></div><p style="margin-top: -12px;">{% include filter_list.html bin=file %}</p></td>
             </tr>
             {% endfor %}
         </tbody>

diff --git a/assets/style.scss b/assets/style.scss
@@ -107,6 +107,7 @@ h2, h3, h4, h5, h5 {
             background: $lighter;
             font-size: initial;
             border-radius: 0.25em;
+	    cursor: pointer;
 
             &:hover:before {
                 content: attr(data-title);
@@ -252,6 +253,7 @@ h2, h3, h4, h5, h5 {
 }
 
 .bin-name {
+    display: flex;
     font-family: monospace;
     font-size: 1.0rem;
     padding: 0.75em 1.0em;