From 36c35abbe8b7b87d7d51731a60ef4f9d92904a21 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Tue, 26 Apr 2022 23:14:07 +0200
Subject: [PATCH] Fix reports graphs display on smaller screens

---
 src/purchase/static/purchase/css/reports.css | 4 ++++
 src/purchase/templates/purchase/reports.html | 5 +++++
 2 files changed, 9 insertions(+)
 create mode 100644 src/purchase/static/purchase/css/reports.css

diff --git a/src/purchase/static/purchase/css/reports.css b/src/purchase/static/purchase/css/reports.css
new file mode 100644
index 0000000..2326d72
--- /dev/null
+++ b/src/purchase/static/purchase/css/reports.css
@@ -0,0 +1,4 @@
+svg {
+    max-width: 100%;
+    height: auto;
+}
diff --git a/src/purchase/templates/purchase/reports.html b/src/purchase/templates/purchase/reports.html
index 0d7fef3..9b644db 100644
--- a/src/purchase/templates/purchase/reports.html
+++ b/src/purchase/templates/purchase/reports.html
@@ -1,7 +1,12 @@
 {% extends "common/base.html" %}
+{% load static %}
 {% load i18n %}
 {% load purchase %}
 
+{% block extrahead %}
+    <link rel="stylesheet" href="{% static "purchase/css/reports.css" %}">
+{% endblock %}
+
 {% block content %}
     <h1>{% translate "Reports" %}</h1>
     <h2>{% translate "General" %}</h2>