Removing inline deprecation notice styles

Author: brunodsp

public/css/style.css

@@ -1,5 +1,7 @@
 .upload--explanation {font-size: .8em; color: #777677;}
-.error {color: #a53725; textAlign: center;}
+.error {color: #a53725; text-align: center;}
+.deprecation--container { position: absolute; bottom: 50%; left: 0; right: 0; margin: auto; align-items: center; display: flex; padding-left: 15px; padding-right: 15px; flex-direction: column; }
+.deprecation--container > h3 { color: #511687; font-weight: bold; }
 /*.radio-group { display: flex; justify-content: space-between; align-items: end;}*/
 .radio-group > div { display: inline-block; margin-right: 2em; }
 .radio-group img { height: 100%; padding-right: 1em; height: 3em; vertical-align: middle; }

views/layout.jsx

@@ -27,25 +27,11 @@ function Layout(props) {
           mainBreadcrumbs="Document Conversion"
           mainBreadcrumbsUrl="http://www.ibm.com/watson/developercloud/document-conversion.html"
         />
-        <div style={{
-            position: 'absolute',
-              bottom: '50%',
-                left: 0,
-                  right: 0,
-                    margin: 'auto',
-                      alignItems: 'center',
-                        display: 'flex',
-                          paddingLeft: '15px',
-                            paddingRight: '15px',
-                              flexDirection: 'column',}}>
-          <h3 style={{color: '#511687', font: 'bold'}}>Document Conversion is no longer available.</h3>
+        <div className="deprecation--container">
+          <h3>Document Conversion is no longer available.</h3>
           <p>Document Conversion is deprecated as a stand-alone service. Learn more about the <a href="https://ibm.biz/rnr_dcs_announcement">announcement</a> and <a href="https://ibm.biz/rnr_dcs_migration">migration path</a> to switch to Watson Discovery.</p>
 
         </div>
-
-        <div style={{position: 'absolute', right: 0, bottom: 0, left: 0}}>
-          <Footer />
-        </div>
         <div id="root">
           {props.children}
         </div>