Added a link to the visible URL in the link list

Corrected CSS to prevent a line from showing underneath
Fixes https://github.com/shaarli/Shaarli/issues/53

2 files changed, 36 insertions, 32 deletions

diff --git a/inc/shaarli.css b/inc/shaarli.css
index 28394ed5..bc428f74 100644
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -24,6 +24,10 @@ input, textarea {
 
         }
 
+a {
+        text-decoration: none;
+}
+
 h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; }
 /* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */
 
@@ -69,9 +73,9 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; }
 
 /* Small tab on the left of each link with edit/delete buttons. */
 .button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; }
-.linkeditbuttons {  
-        position:absolute; 
-        left:-1px;  
+.linkeditbuttons {
+        position:absolute;
+        left:-1px;
         padding:4px 2px 2px 2px;
         background-color:#f0f0f0;
 
@@ -111,7 +115,7 @@ cursor:pointer;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
         width:auto;
         padding:0 10px 5px 10px;
-        margin: auto; 
+        margin: auto;
 }
 
 #pageheader a
@@ -306,7 +310,7 @@ font-size:9pt;
   background-color: transparent;
   background-color: rgba(0, 0, 0, 0.4);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); /* IE6–IE9 */
-text-shadow:2px 2px 1px #000000;    
+text-shadow:2px 2px 1px #000000;
 }
 
 /* Minimal customisation for jQuery widgets */
@@ -338,7 +342,7 @@ box-shadow:2px 2px 20px 2px #333333;
 
 div.daily
 {
-    font-family: Georgia, 'DejaVu Serif', Norasi, serif; 
+    font-family: Georgia, 'DejaVu Serif', Norasi, serif;
     background-color: #E6D6BE;
     /* Background paper texture by BashCorpo:
        http://www.bashcorpo.dk/textures.php
@@ -357,7 +361,7 @@ div.daily
 #daily_col3 { float:left;position:relative; width:33%;}
 
 div.dailyAbout
-{ 
+{
     float:left;
     border: 1px solid black;
     font-size: 8pt;
@@ -365,21 +369,21 @@ div.dailyAbout
     left:10px;
     top: 15px;
     padding: 5px 5px 5px 5px;
-    text-align:center; 
+    text-align:center;
 }
 div.dailyAbout  a { color: #890500; }
 div.dailyTitle
- { 
+ {
      font-weight: bold;
      font-size: 44pt;
-     text-align:center; 
+     text-align:center;
      padding:10px 20px 0px 20px;
 }
 div.dailyDate
- { 
+ {
      font-size: 12pt;
-     font-weight:bold; 
-     text-align:center; 
+     font-weight:bold;
+     text-align:center;
      padding:0px 20px 30px 20px;
 }
 
@@ -393,19 +397,19 @@ div.dailyEntry
 div.dailyEntry  a { text-decoration:none; color: #890500; }
 div.dailyEntryTags { font-size:7.75pt;  }
 div.dailyEntryTitle { font-size:18pt; font-weight:bold;}
-div.dailyEntryThumbnail 
-{ 
-    width:100%; 
-    text-align:center; 
-    background-color:rgb(128,128,128); 
+div.dailyEntryThumbnail
+{
+    width:100%;
+    text-align:center;
+    background-color:rgb(128,128,128);
     background:url(../images/50pc_transparent.png);
     padding:4px 0px 2px 0px;
 }
 div.dailyEntryDescription
-{ 
+{
     margin-top: 10px;
-    margin-bottom: 30px; 
-    text-align:justify; 
+    margin-bottom: 30px;
+    text-align:justify;
     overflow:auto;
 }
 
@@ -415,7 +419,7 @@ div.dailyEntryDescription
 }
 
 /* For lazy images loading in picture wall.
-   Using http://www.appelsiini.net/projects/lazyload 
+   Using http://www.appelsiini.net/projects/lazyload
  */
 .lazyimage { display:none; }
 
@@ -464,7 +468,7 @@ div.dailyDate  {  font-size: 11pt;padding:0px; display:block; }
 div.dailyEntryTitle { font-size:16pt; font-weight:bold;}
 div.dailyEntryDescription { font-size:10pt; }
 
-} 
+}
 
 /* Highlight search results */
 .highlight { background-color: #FFFF33; }
diff --git a/tpl/linklist.html b/tpl/linklist.html
index acb4bab0..d33fc3c3 100644
--- a/tpl/linklist.html
+++ b/tpl/linklist.html
@@ -51,9 +51,9 @@
                 {if="$GLOBALS['config']['ARCHIVE_ORG']"}
                 <span class="linkarchive"><a href="https://web.archive.org/web/{$value.url|htmlspecialchars}">archive</a> - </span>
                 {/if}
-                <div style="position:relative;display:inline;"><a href="http://qrfree.kaywa.com/?l=1&s=8&d={$scripturl|urlencode}%3F{$value.linkdate|smallHash}" 
-                    onclick="showQrCode(this); return false;" class="qrcode" data-permalink="{$scripturl}?{$value.linkdate|smallHash}"><img src="images/qrcode.png#" width="13" height="13" title="QR-Code"></a></div> - 
-                <span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span><br>
+                <div style="position:relative;display:inline;"><a href="http://qrfree.kaywa.com/?l=1&s=8&d={$scripturl|urlencode}%3F{$value.linkdate|smallHash}"
+                    onclick="showQrCode(this); return false;" class="qrcode" data-permalink="{$scripturl}?{$value.linkdate|smallHash}"><img src="images/qrcode.png#" width="13" height="13" title="QR-Code"></a></div> -
+                <a href={$value.url|htmlspecialchars}><span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span></a><br>
                 {if="$value.tags"}
                     <div class="linktaglist">
                     {loop="value.taglist"}<span class="linktag" title="Add tag"><a href="?addtag={$value|urlencode}">{$value|htmlspecialchars}</a></span> {/loop}
@@ -68,12 +68,12 @@
 
 </div>
 
-    {include="page.footer"} 
+    {include="page.footer"}
 
 <script language="JavaScript">
 // Remove any displayed QR-Code
 function remove_qrcode()
-{ 
+{
     var elem = document.getElementById("permalinkQrcode");
     if (elem) elem.parentNode.removeChild(elem);
     return false;
@@ -81,7 +81,7 @@ function remove_qrcode()
 
 // Show the QR-Code of a permalink (when the QR-Code icon is clicked).
 function showQrCode(caller,loading=false)
-{ 
+{
     // Dynamic javascript lib loading: We only load qr.js if the QR code icon is clicked:
     if (typeof(qr)=='undefined') // Load qr.js only if not present.
     {
@@ -97,18 +97,18 @@ function showQrCode(caller,loading=false)
 
     // Remove previous qrcode if present.
     remove_qrcode();
-    
+
     // Build the div which contains the QR-Code:
     var element = document.createElement('div');
     element.id="permalinkQrcode";
         // Make QR-Code div commit sepuku when clicked:
     if ( element.attachEvent ){ element.attachEvent('onclick', 'this.parentNode.removeChild(this);' ); } // Damn IE
     else { element.setAttribute('onclick', 'this.parentNode.removeChild(this);' ); }
-    
+
     // Build the QR-Code:
     var image = qr.image({size: 8,value: caller.dataset.permalink});
     if (image)
-    { 
+    {
         element.appendChild(image);
         element.innerHTML+= "<br>Click to close";
         caller.parentNode.appendChild(element);