From f12ff0df3a194b388a428cd9fd344dcde7925481 Mon Sep 17 00:00:00 2001
From: Simon Michael <simon@joyful.com>
Date: Wed, 28 Jul 2021 22:24:25 -1000
Subject: [PATCH] ;doc: ui, web: move screenshot styles elsewhere

---
 hledger-ui/hledger-ui.m4.md   | 6 +-----
 hledger-web/hledger-web.m4.md | 6 +-----
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/hledger-ui/hledger-ui.m4.md b/hledger-ui/hledger-ui.m4.md
index 10f8a6a6f..195a7b460 100644
--- a/hledger-ui/hledger-ui.m4.md
+++ b/hledger-ui/hledger-ui.m4.md
@@ -23,11 +23,7 @@ _man_({{
 _hledgerdescription_
 
 _web_({{
-<style>
-.highslide img {max-width:200px; border:0;}
-.highslide-caption {color:white; background-color:black;}
-</style>
-<div style="float:right; max-width:200px; text-align:right;">
+<div class="screenshots-right">
 <a href="/images/hledger-ui/hledger-ui-sample-acc2.png" class="highslide" onclick="return hs.expand(this)"><img src="/images/hledger-ui/hledger-ui-sample-acc2.png" title="Accounts screen with query and depth limit" /></a>
 <a href="/images/hledger-ui/hledger-ui-sample-acc.png" class="highslide" onclick="return hs.expand(this)"><img src="/images/hledger-ui/hledger-ui-sample-acc.png" title="Accounts screen" /></a>
 <a href="/images/hledger-ui/hledger-ui-sample-acc-greenterm.png" class="highslide" onclick="return hs.expand(this)"><img src="/images/hledger-ui/hledger-ui-sample-acc-greenterm.png" title="Accounts screen with greenterm theme" /></a>
diff --git a/hledger-web/hledger-web.m4.md b/hledger-web/hledger-web.m4.md
index 215348411..2deb4bb41 100644
--- a/hledger-web/hledger-web.m4.md
+++ b/hledger-web/hledger-web.m4.md
@@ -23,11 +23,7 @@ _man_({{
 _hledgerdescription_
 
 _web_({{
-<style>
-.highslide img {max-width:200px; border:thin grey solid; margin:0 0 1em 1em; }
-.highslide-caption {color:white; background-color:black;}
-</style>
-<div style="float:right; max-width:200px; text-align:right;">
+<div class="screenshots-right">
 <a href="/images/hledger-web/normal/register.png" class="highslide" onclick="return hs.expand(this)"><img src="/images/hledger-web/normal/register.png" title="Account register view with accounts sidebar" /></a>
 <a href="/images/hledger-web/normal/journal.png" class="highslide" onclick="return hs.expand(this)"><img src="/images/hledger-web/normal/journal.png" title="Journal view" /></a>
 <a href="/images/hledger-web/normal/help.png" class="highslide" onclick="return hs.expand(this)"><img src="/images/hledger-web/normal/help.png" title="Help dialog" /></a>