#469: Use Bootstrap text-center

unitaryfund · Mar 3, 2022 · 7f33e9e · 7f33e9e
1 parent f87876e
commit 7f33e9e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 20 deletions.
diff --git a/src/App.css b/src/App.css
@@ -32,16 +32,6 @@ textarea {
   overflow: auto;
 }
 
-.image-center {
-  margin: auto;
-  column-gap: 20px;
-  overflow: auto;
-  flex: auto;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
 .search-bar {
   padding-top: 10px;
 }
@@ -128,7 +118,7 @@ form > .row > label {
   height: auto;
   max-width: 180px;
   max-height: 180px;
-  padding: 2px;
+  padding: 12px;
 }
 
 .submission {

diff --git a/src/views/Partners.js b/src/views/Partners.js
@@ -18,15 +18,13 @@ const Partners = () => {
             <p>
               If your organization or institution would like to become a partner, please contact us at <a href='mailto:[email protected]'>[email protected]</a>.
             </p>
-            <center>
-              <div className='image-center'>
-                <a href='https://www.iqt.org/'><img src={iqtLogo} alt='IQT partner logo' className='logo-image' /></a>
-                <a href='https://unitary.fund/'><img src={ufLogo} alt='UF partner logo' className='logo-image' /></a><br></br>
-                <a href='https://riacs.usra.edu/quantum/nisqc-nl'><img src={usraLogo} alt='USRA partner logo' className='logo-image' /></a>
-                <a href='https://cambridgequantum.com/'><img src={cqcLogo} alt='Cambridge Quantum Computing partner logo' className='logo-image' /></a>
-                <a href='https://www.riken.jp/en/'><img src={rikenLogo} alt='Riken University logo' className='logo-image' /></a>
-              </div>
-            </center>
+            <div className='text-center'>
+              <a href='https://www.iqt.org/'><img src={iqtLogo} alt='IQT partner logo' className='logo-image' /></a>
+              <a href='https://unitary.fund/'><img src={ufLogo} alt='UF partner logo' className='logo-image' /></a><br />
+              <a href='https://riacs.usra.edu/quantum/nisqc-nl'><img src={usraLogo} alt='USRA partner logo' className='logo-image' /></a>
+              <a href='https://cambridgequantum.com/'><img src={cqcLogo} alt='Cambridge Quantum Computing partner logo' className='logo-image' /></a>
+              <a href='https://www.riken.jp/en/'><img src={rikenLogo} alt='Riken University logo' className='logo-image' /></a>
+            </div>
           </div>
         </div>
         <div className='col-md-2' />