css improve

themes/beauty/views/site/index.php

@@ -217,8 +217,7 @@ eof;
     <a href="javascript:;" class="bor_radius" data-fancybox="gallery" data-src="{$file['path']}" data-caption="{$title} - {$file['filename']}" title="{$title} - {$file['filename']}">
         <img src="/img/beauty/lazy.svg" data-original="{$file['path']}" class="bor_radius im_img lazy" alt="{$file['filename']}">
         <div class="im_img_title">
-            <span>
-                <img src="/img/beauty/image.svg" alt="image" width="20">
+            <span class="right-bottom">
                 {$title}
             </span>
         </div>
@@ -231,8 +230,7 @@ eof;
     <a href="javascript:;" class="bor_radius" data-fancybox="gallery" data-src="{$file['path']}" data-caption="{$title} - {$file['filename']}" title="{$title} - {$file['filename']}">
         <img src="{$file['path']}" class="bor_radius im_img" alt="{$file['filename']}">
         <div class="im_img_title">
-            <span>
-                <img src="/img/beauty/image.svg" alt="image" width="20">
+            <span class="right-bottom">
                 {$title}
             </span>
         </div>

www/css/beauty.css

@@ -80,6 +80,7 @@ a:link{text-decoration:none}
 .im_img_title img{vertical-align:bottom}
 .im_item:hover .im_img{transform:scale(1.03)}
 .im_item:hover .im_img_title{color:#FFF}
+.im_img_title .right-bottom{left:auto;right:5px;bottom:5px;margin-right:0;padding:0 2px;font-size:12px}
 
 .web_info{padding:10px 0 42px 0;margin-top:75px;border-top:solid 1px #f5f5f5}
 .web_info p{color:#808080;font-size:13px;margin:5px 0}