Fix findings styling (#952)

ooni · Aug 23, 2024 · 4d75574 · 4d75574
1 parent 93f2f03
commit 4d75574
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 7 deletions.
diff --git a/components/findings/FindingDisplay.js b/components/findings/FindingDisplay.js
@@ -10,6 +10,7 @@ import { getLocalisedRegionName } from 'utils/i18nCountries'
 const FormattedMarkdown = ({ children }) => {
  return (
  <Markdown
+ className="[&>p]:my-5"
  options={{
  overrides: {
  MAT: {

diff --git a/components/findings/Form.js b/components/findings/Form.js
@@ -188,7 +188,7 @@ const Form = ({ defaultValues, onSubmit }) => {
  return (
  <>
  <Modal
- // className='px-8'
+ className="w-full max-w-[1000px] -translate-x-1/2 -translate-y-1/2"
  show={showPreview}
  onHideClick={() => setShowPreview(!showPreview)}
  >

diff --git a/package.json b/package.json
@@ -29,7 +29,7 @@
  "markdown-to-jsx": "^7.4.0",
  "next": "^14.2.4",
  "nprogress": "^0.2.0",
- "ooni-components": "0.7.0-alpha.6",
+ "ooni-components": "0.7.0-alpha.7",
  "pretty-ms": "^8.0.0",
  "prop-types": "^15.8.1",
  "react": "^18.3.1",

diff --git a/pages/findings/create.js b/pages/findings/create.js
@@ -57,7 +57,9 @@ const Create = () => {
  <div className="container">
  <LoginRequiredModal show={showModal} />
  <div className="flex justify-between items-center">
- <h1>{intl.formatMessage({ id: 'Findings.Create.Title' })}</h1>
+ <h1 className="mt-16 mb-8">
+ {intl.formatMessage({ id: 'Findings.Create.Title' })}
+ </h1>
  <Link href="/findings/dashboard">
  <button className="btn btn-primary-hollow" type="button">
  {intl.formatMessage({ id: 'Findings.Dashboard.ShortTitle' })}

diff --git a/yarn.lock b/yarn.lock
@@ -4924,10 +4924,10 @@ onetime@^5.1.0, onetime@^5.1.2:
  dependencies:
  mimic-fn "^2.1.0"
 
-ooni-components@0.7.0-alpha.6:
- version "0.7.0-alpha.6"
- resolved "https://registry.yarnpkg.com/ooni-components/-/ooni-components-0.7.0-alpha.6.tgz#a8f380e0796ac23b602201dbc9ea0d17a72c5d6a"
- integrity sha512-+f8N91+o9XfKs08eSSjoXS4lZdp1he643orI0C0LPjZBf2ZpfVCGNatfr3LaPKiQZqdmz6Mpezp7jXkcLDgJhQ==
+ooni-components@0.7.0-alpha.7:
+ version "0.7.0-alpha.7"
+ resolved "https://registry.yarnpkg.com/ooni-components/-/ooni-components-0.7.0-alpha.7.tgz#2f43791b41e2ae064b94ff46c6cdbb23e809e344"
+ integrity sha512-2/fI7XFbOzGPt84P9LMbmYGYx8tMIhRNtSsPnq0a4Hm4Sk7b27TJIHMwveL1SUfgzgc4zl8lzyHi26W7YUdDTw==
  dependencies:
  class-variance-authority "^0.7.0"
  clsx "^2.1.1"