Clean the code

www/css/doi.css

@@ -11,6 +11,19 @@ body {
 	font-size: 1.6rem;
 }
 
+hr {
+	margin-top: 15px;
+	margin-bottom: 15px;
+}
+
+label {
+	margin-bottom: 0px;
+	font-weight: bold;
+}
+
+/* ########################################### */
+/*     override bootstrap specific classes     */
+/* ########################################### */
 .footer {
 	position: absolute;
 	bottom: 0;
@@ -20,20 +33,21 @@ body {
 	background-color: #f4f4f4;
 }
 
-/* Custom page CSS
- -------------------------------------------------- */
-/* Not required for template or sticky footer method. */
+.card-header {
+	background-color: #CFD1D2;
+}
+
+.card-footer {
+	background-color: #FFFFFF;
+	border: 0;
+}
+
 .container {
 	width: auto;
 	max-width: 680px;
 	padding: 0 15px;
 }
 
-/* sets the display of the element to flex */
-.flex {
-	display:flex;
-}
-
 /* ########################################### */
 /*                the backgrounds              */
 /* ########################################### */
@@ -51,6 +65,9 @@ body {
 	background-color: #dcdee2;
 }
 
+.whiteBackground {
+	background-color: #ffffff;
+}
 
 /* ########################################### */
 /*                the fonts                    */
@@ -81,7 +98,6 @@ body {
 /* ########################################### */
 /*                the padding                  */
 /* ########################################### */
-
 .padding-top-15 {
 	padding-top:15px;
 }
@@ -125,7 +141,6 @@ body {
 /* ########################################### */
 /*                the margin                  */
 /* ########################################### */
-
 .marging-right-10 {
 	marging-right:10px;
 }
@@ -138,7 +153,9 @@ body {
 	margin-right:0px;
 }
 
-/* ######################## For DOI badge ################ */
+/* ########################################### */
+/*                the DOI badge                */
+/* ########################################### */
 .borderRadius-5 {
 	border-radius: 5px;
 }
@@ -173,20 +190,6 @@ span.doiBadge a {
 	padding-left:10px;
 }
 
-.card-footer {
-	background-color: #FFFFFF;
-	border: 0;
-}
-
-hr {
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-label {
-	margin-bottom: 0px;
-}
-
 .scroll-box {
 	overflow-y: auto;
 	overflow-x: hidden;
@@ -195,17 +198,10 @@ label {
 
 /* ######################## For welcome page ############# */
 
-
-.whiteBackground {
-	background-color: #ffffff;
-}
-
 .welcomeBanner {
 	heigth:100px;
 }
 
-
-
 .flexCentered {
 	display:flex;
 	justify-content: center; /* align horizontal */
@@ -219,7 +215,6 @@ label {
 /* ########################################### */
 /*                the form elements            */
 /* ########################################### */
-/* make all button's text to wrap to a new line */
 .form-control {
 	font-size: 1.6rem;
 }
@@ -249,21 +244,13 @@ label {
 	opacity : .50  
 }
 
-/* ############## end the buttons ############## */
-/*sets all labels to bold */
-label {
-	font-weight: bold;
-}
-
 /* ################# esrf logo ############### */
 #logo {
 	height: 50px;
 }
 
 /* ############### right side metadata ##########*/
-.card-header {
-	background-color: #CFD1D2;
-}
+
 
 /* ######################################################### */
 /* ##         the please-wait-loading-animation           ## */
@@ -298,3 +285,9 @@ body.loading .modal {
 }
 
 /* ######################################################### */
+
+/* sets the display of the element to flex */
+.flex {
+	display:flex;
+}
+

www/src/doicontroller.js

@@ -38,7 +38,6 @@ DOIController.prototype.isValidDOIData = function(doiData) {
 DOIController.prototype.getData = function(doi) {
   var _this = this;
   this.view.setDOIInTopBanner(doi);
-  //this.view.setDOILink(_this.doiServer + doi);
 
   if (this.hasAcceptedPrefix(doi)) {
     $.ajax({

www/src/doiview.js

@@ -24,20 +24,8 @@ DOIView.prototype.setLoading = function( message ) {
 */
 DOIView.prototype.setDOIInTopBanner = function( doiCode ) {
     $( "#doiValue" ).text( "DOI > " + doiCode.toUpperCase() );
-//    $( "#doiBadge" ).html(
-//        "<span class='doiBadge borderRadius-5 fontSize-20'> <a id='doiLink' href=''>" +
-//        doiCode.toUpperCase() +
-//        "</a>  </span>" );
 };
 
-/**
-* Set the doi http link in the doi landing page. It is the http address at datacite server which will redirect to the DOI landing page.
-*
-*/
-//DOIView.prototype.setDOILink = function( doiLink ) {
-//    $( "#doiLink" ).attr( "href", doiLink.toUpperCase() );
-//};
-
 /**
  * Render experimental Report data
  * 

www/templates/landingpage_tpl.js

@@ -22,6 +22,7 @@
           </div>
         </div>
       </div>
+      <div class="padding-top-15"></div>
     </div>
     <div class="col-12 col-md-3">
       <div class="card">