Merge branch 'master' into new-note

css/50_misc.css

@@ -71,7 +71,7 @@ path.stroke.tag-barrier {
 /* bridges */
 path.casing.tag-bridge {
     stroke-opacity: 0.6;
-    stroke: #000;
+    stroke: #000 !important;
     stroke-linecap: butt;
     stroke-dasharray: none;
 }

css/60_photos.css

@@ -19,16 +19,52 @@
     border-radius: 0;
     padding: 5px;
     position: absolute;
-    right: 0;
-    top: 0;
-    z-index: 48;
+    right: 5px;
+    top: 5px;
+    z-index: 50;
 }
 
+#photoviewer button.resize-handle-xy {
+    border-radius: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 49;
+    cursor: nesw-resize;
+    height: 25px;
+    width: 25px;
+}
+
+#photoviewer button.resize-handle-x {
+    border-radius: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 48;
+    cursor: ew-resize;
+    height: auto;
+    width: 6px;
+}
+
+#photoviewer button.resize-handle-y {
+    border-radius: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 48;
+    cursor: ns-resize;
+    height: 6px;
+    width: 100%;
+}
+
+
 .photo-wrapper,
 .photo-wrapper img {
     width: 100%;
     height: 100%;
     overflow: hidden;
+    object-fit: cover;
 }
 
 .photo-wrapper .photo-attribution {
@@ -186,7 +222,7 @@
     flex-flow: row nowrap;
     justify-content: space-between;
     align-items: center;
-    pading: 0 5px;
+    padding: 0 5px;
 }
 .ms-wrapper .photo-attribution .image-view-link {
     text-align: left;
@@ -262,6 +298,8 @@ label.streetside-hires {
 }
 
 .osc-image-wrap {
+    width: 100%;
+    height: 100%;
     transform-origin:0 0;
     -ms-transform-origin:0 0;
     -webkit-transform-origin:0 0;

css/65_data.css

@@ -127,12 +127,16 @@
     border-radius: 20px;
 }
 .comment-main {
-    padding: 10px;
+    padding: 10px 10px 10px 0;
     flex: 1 1 100%;
     flex-flow: column nowrap;
     overflow: hidden;
     overflow-wrap: break-word;
 }
+[dir='rtl'] .comment-main {
+    padding: 10px 0 10px 10px;
+}
+
 .comment-metadata {
     flex-flow: row nowrap;
     justify-content: space-between;
@@ -154,14 +158,18 @@
     border-left: none;
 }
 
-#new-comment-input {
+.note-save {
+    padding: 10px;
+}
+
+.note-save #new-comment-input {
     width: 100%;
     height: 100px;
     max-height: 300px;
     min-height: 100px;
 }
 
-.note-save-section {
+.note-save .detail-section {
     margin: 10px 0;
 }
 

css/80_app.css

@@ -607,8 +607,13 @@ button.save.has-count .count::before {
     margin-right: 5px;
 }
 [dir='rtl'] .icon.pre-text {
-  margin-left: 5px;
-  margin-right: 0;
+    margin-left: 5px;
+    margin-right: 0;
+}
+
+.icon.pre-text.user-icon {
+    margin-left: 5px;
+    margin-right: 5px;
 }
 
 .icon.light {
@@ -1320,6 +1325,12 @@ a.hide-toggle {
     border: 1px solid #ccc;
 }
 
+/* no scrollbars */
+.inspector-hover div {
+    overflow-x: hidden;
+    overflow-y: hidden;
+}
+
 /* hide and remove from layout */
 .inspector-hidden,
 .inspector-hover label input[type="checkbox"],
@@ -3841,7 +3852,6 @@ svg.mouseclick use.right {
 }
 
 
-
 /* Save Mode
 ------------------------------------------------------- */
 .mode-save a.user-info {
@@ -3870,6 +3880,7 @@ svg.mouseclick use.right {
     color: #fff;
 }
 
+.note-save .field-warning,
 .mode-save .field-warning {
     background: #ffb;
     border: 1px solid #ccc;
@@ -3877,6 +3888,7 @@ svg.mouseclick use.right {
     padding: 10px;
 }
 
+.note-save .field-warning:empty,
 .mode-save .field-warning:empty {
     display: none;
 }