Prevent image cropping and adjust display of multiple images to show them side by side.
// ==UserScript==
// @name Better LetterLoop issue image display
// @license MIT
// @namespace Violentmonkey Scripts
// @icon https://app.letterloop.co/icon.svg?icon.b5e44ce4.svg
// @version 1.0.0
//
// @match https://app.letterloop.co/issue/*
// @grant GM_addStyle
//
// @author Christopher Dabrowski
// @description Prevent image cropping and adjust display of multiple images to show them side by side.
// ==/UserScript==
GM_addStyle(`
.chakra-stack[role="group"]:has(>.chakra-stack .chakra-image) {
> .chakra-stack {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: space-evenly;
div {
background: none;
width: auto;
}
.chakra-image {
object-fit: contain;
background: none;
}
}
}
`)