Makes editing e621 posts easier since you can see the image while you're tagging

README.md

If you have tampermonkey installed, you can download this by clicking here

sidebysidetags.user.js

// ==UserScript==
// @name         Tags Side By Side
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Places tags to the right of images
// @match        https://e621.net/posts/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let editButton = document.getElementById("post-edit-link")
    let sideEditButton = document.getElementById("side-edit-link")
    let edit = document.getElementById("edit")
    let grid = document.getElementById("image-and-nav")
    let image = document.getElementById("image")
    let imageContainer = document.getElementById("image-container")
    let notice = document.getElementById("post-notices-top")
    let links = document.getElementById("nav-links-top")
    function openEditor() {
        console.log("Clicked")
        if (notice) {
            grid.parentElement.insertBefore(notice, grid)
        }
        if (links) {
            grid.parentElement.insertBefore(links, grid)
        }
        edit.style.display = "block"
        imageContainer.after(edit)
        let resize = () => {
            let fraction = image.clientWidth/grid.clientWidth
            if (fraction <= 0.7){
                grid.style["grid-template-columns"] = `${image.clientWidth}px ${grid.clientWidth - image.clientWidth}px`
            } else {
                grid.style["grid-template-columns"] = `1fr 1fr`
            }
            grid.style["min-height"] = `${image.clientHeight + 100}px`
            edit.style.height = `${image.clientHeight + 100}px`
            edit.style["overflow-y"] = "scroll"
        }
        //new ResizeObserver(resize).observe(image)
        resize()
    }
    editButton.addEventListener("click", openEditor)
    sideEditButton.addEventListener("click", openEditor)

    //let commentButton = document.getElementById("post-sections").firstElementChild.firstElementChild

    //commentButton.addEventListener("click", () => {
    //    grid.style["grid-template-columns"] = `1fr`
    //})

    //editButton.click()
})();