[DESIGN] Table Headers.

src/Gargantext/Components/NgramsTable.purs

@@ -449,7 +449,7 @@ tableContainer { pageParams
                   [ text "Import a Termlist" ]
                 ]
               ,-}
-                div [className "col-md-4", style {marginTop : "37px"}]
+                div [className "col-md-3", style {marginTop : "6px"}]
                 [ input [ className "form-control "
                         , name "search", placeholder "Search"
                         , _type "value"
@@ -457,8 +457,7 @@ tableContainer { pageParams
                         , onInput \e -> setSearchQuery (unsafeEventValue e)
                         ]
                 ]
-              , div [_id "filter_terms", className "col-md-6", style{ marginTop : "2.1em",paddingLeft :"1em"}]
-                [ div [className "col-md-10 list-group", style {marginTop : "6px"}]
+              , div [className "col-md-2", style {marginTop : "6px"}]
                       [ li [className " list-group-item"]
                         [ select  [ _id "picklistmenu"
                                   , className "form-control custom-select"
@@ -466,20 +465,25 @@ tableContainer { pageParams
                                   , onChange (\e -> setTermListFilter $ readTermList $ unsafeEventValue e)
                                   ] $ map optps1 termLists
                         ]
-                  , li [className "list-group-item"]
+                      ]
+              , div [className "col-md-2", style {marginTop : "6px"}]
+                      [ li [className "list-group-item"]
                         [ select  [ _id "picktermtype"
                                   , className "form-control custom-select"
                                   , value (maybe "" show pageParams.termSizeFilter)
                                   , onChange (\e -> setTermSizeFilter $ readTermSize $ unsafeEventValue e)
                                   ] $ map optps1 termSizes
                         ]
-                  , li [className " list-group-item"] [ props.pageSizeControl ]
-                  ]
                       ]
-              , div [className "col-md-6", style {marginTop : "24px", marginBottom : "14px"}]
-                [ props.pageSizeDescription
+
+              , div [className "col-md-4", style {marginTop : "6px", marginBottom : "1px"}]
+                [ li [className " list-group-item"] [ props.pageSizeDescription
+                                                    , props.pageSizeControl
+                                                    , text " items / "
                                                     , props.paginationLinks
                                                     ]
+                --, li [className " list-group-item"] [ props.pageSizeControl ]
+                ]
               ]
             ]
           , div [] (maybe [] (\ngrams ->

src/Gargantext/Components/Table.purs

@@ -218,7 +218,7 @@ tableElt props = createElement tableClass props []
 sizeDD :: PageSizes -> (Action -> Effect Unit) -> ReactElement
 sizeDD ps d
   = span []
-    [ text "Show : "
+    [ text " "
     , select [onChange (\e -> d (ChangePageSize $ string2PageSize $ (unsafeCoerce e).target.value))] $ map (optps ps) aryPS
     ]
 
@@ -239,7 +239,7 @@ effectLink eff msg = a [onClick $ const eff] [text msg]
 pagination :: ChangePageAction -> Int -> Int -> ReactElement
 pagination changePage tp cp
   = span [] $
-    [ text "Pages: ", prev, first, ldots]
+    [ text " ", prev, first, ldots]
     <>
     lnums
     <>
@@ -250,9 +250,9 @@ pagination changePage tp cp
     [ rdots, last, next ]
     where
       prev = if cp == 1 then
-               text " Previous "
+               text " Prev. "
              else
-               changePageLink (cp - 1) "Previous"
+               changePageLink (cp - 1) "Prev."
       next = if cp == tp then
                text " Next "
              else