style: Design Fixes to resource detail (#461)

* Changing owners font to 16px

* Changing Font size on Dashboard details page

* Removed extra div

* Changed Font size for Table Description

* Overriding font-size to 16px in markdown tag

* Using layout file to set font size of table description

amundsen_application/static/css/_layouts.scss

@@ -102,6 +102,10 @@ $resource-header-height: 84px;
 
       .editable-text {
         font-size: 16px;
+
+        .markdown-wrapper{
+          font-size: 16px;
+        }
       }
     }
 

amundsen_application/static/css/_typography-default.scss

@@ -149,3 +149,7 @@ body {
 .text-secondary {
   color: $text-secondary;
 }
+
+.text-primary{
+  color: $text-primary;
+}

amundsen_application/static/js/components/DashboardPage/index.tsx

@@ -189,7 +189,7 @@ export class DashboardPage extends React.Component<DashboardPageProps, Dashboard
             >
               {
                 hasDescription &&
-                <div>
+                <div className="body-2 and text-primary">
                   { dashboard.description }
                 </div>
               }
@@ -230,15 +230,15 @@ export class DashboardPage extends React.Component<DashboardPageProps, Dashboard
                   }
                 </div>
                 <div className="section-title title-3">Created</div>
-                <div>
+                <div className="body-2 text-primary">
                   { formatDateTimeShort({ epochTimestamp: dashboard.created_timestamp}) }
                 </div>
                 <div className="section-title title-3">Last Updated</div>
-                <div>
+                <div className="body-2 text-primary">
                   { formatDateTimeShort({ epochTimestamp: dashboard.updated_timestamp }) }
                 </div>
                 <div className="section-title title-3">Recent View Count</div>
-                <div>
+                <div className="body-2 text-primary">
                   { dashboard.recent_view_count }
                 </div>
               </section>
@@ -250,12 +250,14 @@ export class DashboardPage extends React.Component<DashboardPageProps, Dashboard
                   />
                 </EditableSection>
                 <div className="section-title title-3">Last Successful Run</div>
-                <div>
+                <div className="body-2 text-primary">
                   { formatDateTimeShort({ epochTimestamp: dashboard.last_successful_run_timestamp }) }
                 </div>
                 <div className="section-title title-3">Last Run</div>
                 <div>
-                  { formatDateTimeShort({ epochTimestamp: dashboard.last_run_timestamp }) }
+                  <div className="body-2 text-primary">
+                    { formatDateTimeShort({ epochTimestamp: dashboard.last_run_timestamp }) }
+                  </div>
                   <div className="last-run-state">
                     <Flag
                       caseType='sentenceCase'

amundsen_application/static/js/components/TableDetail/OwnerEditor/styles.scss

@@ -9,6 +9,7 @@
       margin-left: 4px;
       width: calc(100% - 28px);
       word-break: break-word;
+      color: $text-primary;
     }
   }