Travel Guide Frontend Backend

public/css/application.css

@@ -316,19 +316,25 @@ figcaption {
     height: 100%;
 }
 
-.mediaA {
+.mediaA, .imageWrapper {
     width: 98%;
     margin-left: .9%;
     margin-right: .9%;
     display: block;
 }
-.mediaA img {
+/*.mediaA img .note-editable img {
     float: left;
     width: 100%;
+}*/
+
+
+.mediaA img, .imageWrapper img {
+    display: block;
+    width: 100%;
+    height: auto;
 }
 
-
-.mediaA  .mediaInfo {
+.mediaA  .mediaInfo, .imageWrapper .mediaInfo {
     width: 100%;
     float: left;
     background-color: #648859;
@@ -342,6 +348,28 @@ figcaption {
     width: auto;
 }
 
+
+.imageWrapper .mediaInfo p {
+    padding: 4px 4px 4px 8px;
+    margin: 0;
+    width: auto;
+
+}
+
+.note-editable h2 {
+    padding-bottom: 10px;
+    margin-bottom: 15px;
+    border-bottom: 1px solid #c2c2c2;
+    color: #616161;
+    display: block;
+    clear: both;
+    padding-top: 20px;
+    font-size: 24px;
+    font-weight: 400;
+    line-height: 1.1;
+
+}
+
 .modal-open .tooltip {
     z-index: 2120;
 }