Improved desktop photo viewer

app/css/desktop.css

@@ -1089,6 +1089,7 @@ div.im_panel_own_photo {
   max-width: 1000px;
   margin: 0 auto;
   color: rgba(255, 255, 255, 0.6);
+  position: relative;
 }
 
 .media_modal_title_wrap {
@@ -1106,6 +1107,8 @@ div.im_panel_own_photo {
 .media_modal_info_wrap {
   line-height: 16px;
   padding: 24px 20px;
+  position: absolute;
+  left: 0;
 }
 .media_modal_author {
   font-size: 13px;
@@ -1130,6 +1133,8 @@ a.media_modal_date:hover {
 }
 .media_modal_bottom_actions {
   width: 204px;
+  position: absolute;
+  right: 0;
 }
 .media_modal_action_btn {
   float: left;

app/partials/desktop/photo_modal.html

@@ -10,7 +10,7 @@
 
 <div class="media_modal_bottom_panel_wrap">
   <div class="media_modal_bottom_panel">
-    <div class="media_modal_bottom_actions pull-right">
+    <div class="media_modal_bottom_actions">
       <a class="media_modal_action_btn" ng-click="download()" title="{{'media_modal_download' | i18n}}">
         <i class="media_modal_action_btn_download"></i>
       </a>
@@ -22,7 +22,7 @@
       </a>
     </div>
 
-    <div class="media_modal_info_wrap pull-left" ng-switch="messageID > 0">
+    <div class="media_modal_info_wrap" ng-switch="messageID > 0">
       <a class="media_modal_author" my-user-link="photo.user_id" user-watch="true"></a>
       <a ng-switch-when="true" ng-click="goToMessage()" class="media_modal_date" ng-bind="photo.date | dateOrTime :true"></a>
       <span ng-switch-default class="media_modal_date" ng-bind="photo.date | dateOrTime :true"></span>
@@ -45,7 +45,7 @@
 
       <div class="modal-body">
 
-        <div class="photo_modal_image_wrap" my-load-full-photo full-photo="photo.full" thumb-location="photo.thumb.location" ng-click="$close()"></div>
+        <div class="photo_modal_image_wrap" my-load-full-photo full-photo="photo.full" thumb-location="photo.thumb.location" ng-click="nav.next()"></div>
 
       </div>