From dd5b84dfef932d9bbea3ecfdf363b22cb587a611 Mon Sep 17 00:00:00 2001
From: Moises Sacal <moisbo@gmail.com>
Date: Tue, 8 Oct 2019 09:38:15 +1100
Subject: [PATCH] added more styles
---
src/components/views/Facets.js | 2 +-
src/components/views/ListDocs.js | 2 +-
src/components/views/Main.js | 16 +++++++---------
src/index.js | 2 +-
4 files changed, 10 insertions(+), 12 deletions(-)
diff --git a/src/components/views/Facets.js b/src/components/views/Facets.js
index d381228..af03388 100644
--- a/src/components/views/Facets.js
+++ b/src/components/views/Facets.js
@@ -2,7 +2,7 @@ const $ = require("jquery");
const isIterable = require('../isIterable');
const Facets = function (data) {
- let html = `<ul class="list-group col-sm-4">`;
+ let html = `<ul class="list-group col-sm-4 col-xl-3">`;
if(isIterable(data.facetsDisplay)){
for(let fd of data.facetsDisplay){
diff --git a/src/components/views/ListDocs.js b/src/components/views/ListDocs.js
index 00ce87d..92a7686 100644
--- a/src/components/views/ListDocs.js
+++ b/src/components/views/ListDocs.js
@@ -3,7 +3,7 @@ const Facets = require('./Facets');
const ListDocs = function (data) {
var html = '';
const docs = data.main.docs;
- html += `<div class="container col-sm-12"><div class="row">`
+ html += `<div class="container col-sm-12 col-xl-9"><div class="row">`
html += Facets(data);
html += `<ul class="list-group col-sm-8">`;
if (docs.length > 0) {
diff --git a/src/components/views/Main.js b/src/components/views/Main.js
index 4fbf293..1a8b48b 100644
--- a/src/components/views/Main.js
+++ b/src/components/views/Main.js
@@ -3,20 +3,18 @@ const ListDocs = require('./ListDocs');
const Pagination = require('./Pagination');
const Main = function (data) {
- let html = `<div><br/></div>`;
- html = [ListDocs(data), '<div><br/></div>' ,Pagination(data)].join('');
- html += `
- <div class="row">
- <div class="container">
- <div class="text-center">
- <p>Results: ${data.main.numFound}</p>
+ return `
+ <div><br/></div>
+ ${[ListDocs(data), '<div><br/></div>', Pagination(data)].join('')}
+ <div class="row">
+ <div class="container">
+ <div class="text-center">
+ <p>Results: ${data.main.numFound}</p>
</div>
</div>
</div>
<div><br/></div>
`;
-
- return html;
};
module.exports = Main;
diff --git a/src/index.js b/src/index.js
index ec3816d..abd2543 100644
--- a/src/index.js
+++ b/src/index.js
@@ -11,7 +11,7 @@ const RegisterEvents = require('./components/RegisterEvents');
//Default state
let state = {
header: {
- title: 'Data Portal',
+ title: 'Research Data Portal',
URL: '/',
logo: 'images/logo.svg',
help: 'Help',
--
GitLab