fix #610

3 files changed, 18 insertions, 15 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 40b9b9f87..da08cf0de 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+owncloud-news (3.106)
+* **Bugfix**: Move open website icon in compact view to the left of the title
+
 owncloud-news (3.105)
 * **Bugfix**: Various wording fixes
 * **Bugfix**: Do not use Import/Export caption for settings buttons to avoid UI bugs in translated versions
diff --git a/css/content.css b/css/content.css
index c885f7d1e..927f9d266 100644
--- a/css/content.css
+++ b/css/content.css
@@ -144,7 +144,7 @@
     }
 
     #app-content .compact .util-spacer {
-        width: 45px;
+        width: 19px;
     }
 
     #app-content .utils li {
@@ -207,15 +207,15 @@
      */
     #app-content .utils .title {
         width: 100%;
-        padding-left: 35px;
-        background-position: left center;
+        padding-left: 45px;
+        background-position: 10px 10px;
         background-size: 20px 20px;
         background-repeat: no-repeat;
     }
 
     #app-content .feed-view .utils .title {
         background: none !important;
-        padding-left: 0;
+        padding-left: 10px;
     }
 
     #app-content .utils .title h1 a {
diff --git a/templates/part.content.php b/templates/part.content.php
index ddf878364..bdac758bb 100644
--- a/templates/part.content.php
+++ b/templates/part.content.php
@@ -18,6 +18,14 @@
             <div class="utils" ng-click="Content.toggleItem(item)">
                 <ul>
                     <li class="util-spacer"></li>
+                    <li class="util only-in-compact">
+                        <a class="external icon-link"
+                            target="_blank"
+                            ng-href="{{ item.url }}"
+                            title="<?php p($l->t('Open website')) ?>"
+                            news-stop-propagation>
+                        </a>
+                    </li>
                     <li class="title only-in-compact"
                         title="{{ item.title }}"
                         ng-class="{'icon-rss': !Content.getFeed(item.feedId).faviconLink }"
@@ -29,21 +37,13 @@
                             datetime="{{ item.pubDate*1000|date:'yyyy-MM-ddTHH:mm:ssZ' }}">{{ Content.getRelativeDate(item.pubDate) }}
                         </time>
                     </li>
-                    <li ng-click="Content.toggleStar(item.id)" class="util" news-stop-propagation>
-                        <button class="star svg" ng-hide="item.starred" title="<?php p($l->t('Star article')); ?>"></button>
-                        <button class="starred svg" ng-show="item.starred" title="<?php p($l->t('Unstar article')); ?>"></button>
-                    </li>
                     <li ng-click="Content.toggleKeepUnread(item.id)" class="util" news-stop-propagation>
                         <button class="icon-toggle toggle-keep-unread" ng-hide="item.keepUnread" title="<?php p($l->t('Keep article unread')); ?>"></button>
                         <button class="icon-toggle toggle-keep-unread keep-unread" ng-show="item.keepUnread" title="<?php p($l->t('Remove keep article unread')); ?>"></button>
                     </li>
-                    <li class="util only-in-compact">
-                        <a class="external icon-link"
-                            target="_blank"
-                            ng-href="{{ item.url }}"
-                            title="<?php p($l->t('Open website')) ?>"
-                            news-stop-propagation>
-                        </a>
+                    <li ng-click="Content.toggleStar(item.id)" class="util" news-stop-propagation>
+                        <button class="star svg" ng-hide="item.starred" title="<?php p($l->t('Star article')); ?>"></button>
+                        <button class="starred svg" ng-show="item.starred" title="<?php p($l->t('Unstar article')); ?>"></button>
                     </li>
                 </ul>
             </div>