From f6078b66e0d149237aef566aeaa993fa8e43816d Mon Sep 17 00:00:00 2001 From: Taka Date: Thu, 19 Mar 2020 00:36:16 +0000 Subject: [PATCH] Minor style changes. --- web/public/images/bullet2.png | Bin web/src/App.css | 2 +- web/src/ModalForm.css | 2 +- web/src/PublicationSearchResult.css | 6 +++++- web/src/SearchResults.css | 4 ++-- web/src/index.css | 1 + 6 files changed, 10 insertions(+), 5 deletions(-) mode change 100755 => 100644 web/public/images/bullet2.png diff --git a/web/public/images/bullet2.png b/web/public/images/bullet2.png old mode 100755 new mode 100644 diff --git a/web/src/App.css b/web/src/App.css index 135d6d1..34b9816 100644 --- a/web/src/App.css +++ b/web/src/App.css @@ -1,5 +1,5 @@ #header { position: absolute ; top: 5px ; left: 5px ; right: 5px ; height: 65px ; } -#search-results { position: absolute ; top: 95px ; bottom: 0 ; left: 5px ; right: 5px ; overflow: auto ; } +#search-results { position: absolute ; top: 95px ; bottom: 5px ; left: 5px ; right: 5px ; overflow: auto ; } #header { border: 1px solid #ccc ; background: #eee ; border-top-right-radius: 10px ; padding: 5px 5px 10px 5px ; } #header .logo { float: left ; height: 70px ; } diff --git a/web/src/ModalForm.css b/web/src/ModalForm.css index bad8231..fd64011 100644 --- a/web/src/ModalForm.css +++ b/web/src/ModalForm.css @@ -6,7 +6,7 @@ .modal-form .row input , .row textarea , .row .react-select { flex-grow: 1 ; } .modal-form .row.image { display: block ; } -.modal-form .row.image img.image { margin-right: 1em ; max-height: 5em ; cursor: pointer ; } +.modal-form .row.image img.image { margin-right: 1em ; max-width: 8em ; max-height: 5em ; cursor: pointer ; } .modal-form .row.image img.remove-image { height: 1em ; margin-left: 0.25em ; cursor: pointer ; } .modal-form .image-container { position: relative ; display: inline-block ; float: left ; } diff --git a/web/src/PublicationSearchResult.css b/web/src/PublicationSearchResult.css index adc02c9..050d14d 100644 --- a/web/src/PublicationSearchResult.css +++ b/web/src/PublicationSearchResult.css @@ -8,7 +8,11 @@ #publication-form .articles { flex-direction: column ; align-items: initial ; } #publication-form .articles { font-size: 90% ; padding: 0 0.5em 0.5em 0.5em ; border: 1px solid #c5c5c5 ; } #publication-form .articles legend { margin-left: 1em ; padding: 0 5px ; font-size: 100% ; } -#publication-form .articles li.draggable { list-style-type: none ; margin: 0 0 2px -16px ; border: 1px solid #91cdf5 ; padding: 2px 5px ; background: #d3edfc ; cursor: pointer ; } +#publication-form .articles li.draggable { + margin: 0 0 2px -16px ; border: 1px solid #91cdf5 ; padding: 2px 5px ; background: #d3edfc ; + list-style-type: none ; list-style-image: none ; + cursor: pointer ; +} #publication-form .articles .pageno { font-size: 80% ; font-style: italic ; color: #666 ; } .dragLine { border-bottom: 2px solid #1080d0 !important ; } diff --git a/web/src/SearchResults.css b/web/src/SearchResults.css index d25251f..0f1d5e9 100644 --- a/web/src/SearchResults.css +++ b/web/src/SearchResults.css @@ -27,8 +27,8 @@ } .search-result .content { padding: 2px 5px ; font-size: 90% ; } -.search-result .content p { margin-top: 0.25em ; } -.search-result .content p:first-child { margin-top: 0 ; } +.search-result .content p:not(:first-child) { margin-top: 0.25em ; } +.search-result .content ul p, .search-result .content ol p { margin-top: 0.1em ; } .search-result .content .image { float: left ; margin: 0.25em 0.5em 0.5em 0 ; max-height: 8em ; max-width: 6em ; } .search-result .content .collapsible { margin-top:0.5em ; font-size: 90% ; color: #333 ; } .search-result .content .collapsible a { color: #333 ; text-decoration: none ; } diff --git a/web/src/index.css b/web/src/index.css index a8cde35..c796abb 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -7,6 +7,7 @@ body { -moz-osx-font-smoothing: grayscale ; } +h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) { margin-top: 0.25em ; } ul, ol { margin: 0 0 0 1.25em ; } ul { list-style-image: url("/images/bullet.png") } ul ul, ol ul { list-style-image: url("/images/bullet2.png") }