4,554
edits
No edit summary  | 
				No edit summary  | 
				||
| Line 176: | Line 176: | ||
}  | }  | ||
.article-images {    | .article-images {  | ||
     margin: 0 !important;    |      margin: 0 !important;  | ||
     padding: 0 !important;    |      padding: 0 !important;  | ||
     page-break-inside: avoid;    |      page-break-inside: avoid;  | ||
}  | }  | ||
.article-images .image-container {  | .article-images .image-container {  | ||
     display: flex;  |      display: inline-flex;  | ||
     flex-direction: column;   /* stack image + caption */  | |||
     align-items: flex-  |      align-items: flex-end;    /* push both to the right side of the page */  | ||
     margin: 0 !important;  |      margin: 0 !important;  | ||
     padding: 0 !important;  |      padding: 0 !important;  | ||
}  | }  | ||
.article-images .image-container img {  | .article-images .image-container img {  | ||
     display: block;  |      display: block;  | ||
     height: 85mm;   |      height: 85mm;             /* fixed height */  | ||
     width: auto;   |      width: auto;  | ||
     max-width: 100%;  |      max-width: 100%;  | ||
     margin: 0 !important;  |      margin: 0 !important;  | ||
     padding: 0 !important;  |      padding: 0 !important;  | ||
     object-fit: contain;   |      object-fit: contain;  | ||
}  | }  | ||
.caption-image1 {  | |||
     margin: 0 !important;     /* no gaps */  | |||
     margin:   | |||
     padding: 0 !important;  |      padding: 0 !important;  | ||
     font-size: 8pt;  |      font-size: 8pt;  | ||
     color: #555;  |      color: #555;  | ||
     text-align:   |      text-align: left;         /* align text to the left edge of the image */  | ||
     width: 100%;              /* take the full width of the image container */  | |||
}  | }  | ||