Change report title font + resize sub-titles

This commit is contained in:
Itay Mizeretz 2018-01-18 21:44:12 +02:00
parent 56035df461
commit 0a62abe450
1 changed files with 10 additions and 10 deletions

View File

@ -143,8 +143,8 @@ class ReportPageComponent extends React.Component {
<div id="header" className="row justify-content-between"> <div id="header" className="row justify-content-between">
<Col xs={8}> <Col xs={8}>
<div> <div>
<h2 style={{marginTop: '0px', marginBottom: '5px', color: '#666666'}}>Security Report</h2> <h1 style={{marginTop: '0px', marginBottom: '5px', color: '#666666', fontFamily: 'Alegreya'}}>Security Report</h1>
<h2 style={{marginTop: '0px', marginBottom: '0px', color: '#ffcc00'}}>Infection <b>Monkey</b></h2> <h1 style={{marginTop: '0px', marginBottom: '0px', color: '#ffcc00', fontFamily: 'Alegreya'}}>Infection <b>Monkey</b></h1>
</div> </div>
</Col> </Col>
<Col xs={4}> <Col xs={4}>
@ -161,9 +161,9 @@ class ReportPageComponent extends React.Component {
generateReportOverviewSection() { generateReportOverviewSection() {
return ( return (
<div id="overview"> <div id="overview">
<h1> <h2>
Overview Overview
</h1> </h2>
{ {
this.state.report.glance.exploited.length > 0 ? this.state.report.glance.exploited.length > 0 ?
(<p className="alert alert-danger"> (<p className="alert alert-danger">
@ -273,9 +273,9 @@ class ReportPageComponent extends React.Component {
generateReportFindingsSection() { generateReportFindingsSection() {
return ( return (
<div id="findings"> <div id="findings">
<h1> <h3>
Security Findings Security Findings
</h1> </h3>
<div> <div>
<h3> <h3>
Immediate Threats Immediate Threats
@ -352,9 +352,9 @@ class ReportPageComponent extends React.Component {
generateReportRecommendationsSection() { generateReportRecommendationsSection() {
return ( return (
<div id="recommendations"> <div id="recommendations">
<h1> <h3>
Recommendations Recommendations
</h1> </h3>
<div> <div>
{this.generateIssues(this.state.report.recommendations.issues)} {this.generateIssues(this.state.report.recommendations.issues)}
</div> </div>
@ -367,9 +367,9 @@ class ReportPageComponent extends React.Component {
(100 * this.state.report.glance.exploited.length) / this.state.report.glance.scanned.length; (100 * this.state.report.glance.exploited.length) / this.state.report.glance.scanned.length;
return ( return (
<div id="glance"> <div id="glance">
<h1> <h3>
The Network from the Monkey's Eyes The Network from the Monkey's Eyes
</h1> </h3>
<div> <div>
<p> <p>
The Monkey discovered <span The Monkey discovered <span