Fixed photo, video modal bugs, added close button to small screens

app/css/app.css

@@ -231,7 +231,7 @@ fieldset[disabled] .btn-tg.active {
   width: 33px;
   height: 33px;
   float: right;
-  margin: 60px 10px 0 0;
+  margin: 60px 30px 0 0;
   opacity: 0.5;
   pointer-events: none;
 

app/js/services.js

@@ -1485,7 +1485,7 @@ angular.module('myApp.services', [])
 
   function wrapForFull (photoID) {
     var photo = wrapForHistory(photoID),
-        fullWidth = 542,
+        fullWidth = Math.min($(window).width() - 60, 542),
         fullHeight = $($window).height() - 150,
         fullPhotoSize = choosePhotoSize(photo, fullWidth, fullHeight),
         full = {
@@ -1583,7 +1583,7 @@ angular.module('myApp.services', [])
 
   function wrapForFull (videoID) {
     var video = wrapForHistory(videoID),
-        fullWidth = 542,
+        fullWidth = Math.min($(window).width() - 60, 542),
         fullHeight = $($window).height() - 150,
         fullPhotoSize = video,
         full = {
@@ -2395,9 +2395,8 @@ angular.module('myApp.services', [])
         notification.close();
         if (window.chrome && chrome.app) {
           chrome.app.window.current().focus();
-        } else {
-          window.focus();
         }
+        window.focus();
         notificationsClear();
         if (data.onclick) {
           data.onclick();

app/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Telegram UNOFFICIAL",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "short_name": "Webogram",
   "manifest_version": 2,
   "app": {

app/manifest.webapp

@@ -1,7 +1,7 @@
 {
   "name": "Webogram",
   "description": "Webogram – UNOFFICIAL Telegram Web App.\nMore info & source code here: https://github.com/zhukov/webogram",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "launch_path": "/index.html",
   "developer": {
     "name": "Igor Zhukov",

app/partials/chat_modal.html

@@ -1,7 +1,7 @@
 <div class="chat_modal_wrap">
 
   <div class="modal-header">
-    <!-- <a class="modal-close-link" ng-click="$close()">Close</a> -->
+    <a class="modal-close-link visible-xs" ng-click="$close()">Close</a>
     <h4 class="modal-title">Group Info</h4>
   </div>
 

app/partials/settings_modal.html

@@ -1,6 +1,7 @@
 <div class="settings_modal_wrap">
 
   <div class="modal-header">
+    <a class="modal-close-link visible-xs" ng-click="$close()">Close</a>
     <h4 class="modal-title">Settings</h4>
   </div>
 
@@ -60,7 +61,7 @@
 
     <p>
       <strong>Version: </strong>
-      <span class="settings_version">alpha 0.0.13</span>
+      <span class="settings_version">alpha 0.0.15</span>
     </p>
 
     <hr/>

app/partials/user_modal.html

@@ -1,6 +1,7 @@
 <div class="user_modal_wrap">
 
   <div class="modal-header">
+    <a class="modal-close-link visible-xs" ng-click="$close()">Close</a>
     <h4 class="modal-title">Info</h4>
   </div>
 

app/vendor/ui-bootstrap/ui-bootstrap-custom-tpls-0.10.0.js

@@ -1074,7 +1074,7 @@ angular.module("template/modal/backdrop.html", []).run(["$templateCache", functi
 angular.module("template/modal/window.html", []).run(["$templateCache", function($templateCache) {
   $templateCache.put("template/modal/window.html",
     "<div tabindex=\"-1\" class=\"modal fade {{ windowClass }}\" ng-class=\"{in: animate}\" ng-style=\"{'z-index': 1050 + index*10, display: 'block'}\" ng-click=\"close($event)\">\n" +
-      "  <div class=\"modal_close_wrap\" ng-click=\"close($event)\">\n" +
+      "  <div class=\"modal_close_wrap visible-md\" ng-click=\"close($event)\">\n" +
       "    <div class=\"modal_close\"></div>\n" +
       "  </div>\n" +
     "    <div class=\"modal-dialog\"><div class=\"modal-content\" ng-transclude></div></div>\n" +