A More User-Friendly Elasticsearch HEAD Plugin App

0. instructions.md

NOTE: This changes the layout for a better user experience with the scrollbars appearing at the right places. The folder names here are provided for Ubuntu environment.

1. Change Permissions for the folder /usr/share/elasticsearch/plugins/head/_site/dist/ and add the app-revamp.css file below in that folder.
2. Change Permissions for the file /usr/share/elasticsearch/plugins/head/_site/index.html and link this new file just after the app.css is linked:

  		<link rel="stylesheet" href="dist/app-revamp.css">

app-revamp.css

body {
  font-family: Ubuntu, sans-serif;
  font-size: 80%;
  color: #055;
  line-height: 1.5;
}
input {
  font-family: Ubuntu, sans-serif;
}

.uiButton-content {
  border: 1px solid #DDD;
  border-radius: 5px;
  background: #565656;
  background: -moz-linear-gradient(top, #B9B9B9, #565656);
  background: -webkit-linear-gradient(top, #B9B9B9, #565656);
}

.uiButton:hover .uiButton-content {
  outline:  none;
  background: #464646;
  background: -moz-linear-gradient(top, #A9A9A9, #464646);
  background: -webkit-linear-gradient(top, #A9A9A9, #464646);
}
.uiButton.active, .uiButton:active {
  outline: none;
}
.uiButton.active .uiButton-content,
.uiButton:active .uiButton-content {
  outline: none;
  background: #363636;
  background: -moz-linear-gradient(top, #999, #363636);
  background: -webkit-linear-gradient(top, #999, #363636);
}
.uiToolbar {
  padding: 0px 10px;
}

.uiToolbar H2 {
  padding: 0;
}

.uiToolbar .uiTextField INPUT {
  padding-bottom: 0;
}

.uiInfoPanel {
  background: rgba(30,30,30,0.95);
  text-shadow: 1px 1px 0 #000;
}
.uiMenuPanel {
  border: 1px solid #181818;
  background: #616161;
}

.uiMenuPanel LI {
  border-bottom: 1px solid #181818;
}

.uiTable-body { 
  height: auto !important;
  width: auto !important;
  overflow-y: visible;
  overflow-x: visible;
}

/*(())*/
.uiTable-tools {
  padding: 0;
  height: auto;
}

UL.uiJsonPretty-object LI:after,
UL.uiJsonPretty-array LI:after { content: ','; }
UL.uiJsonPretty-object LI:last-child:after,
UL.uiJsonPretty-array LI:last-child:after { content: ''; }
SPAN.uiJsonPretty-string:before { content: '"'; }
SPAN.uiJsonPretty-string:after { content: '"'; }

.uiQueryFilter-aliases SELECT {
  width: 90%;
  padding: 4px;
  font-family: Ubuntu, sans-serif;
}

.uiQueryFilter-booble {
  background: #099;
  color: #FFF;
  padding: 5px 10px;
}

.uiQueryFilter-booble.selected {
  background: #5C5C5C;
  border: none;
}

.uiBrowser-filter {
  float: none;
  position: fixed;
  top: 79px;
  left: 0;
  bottom: 0;
  width: 360px;
  overflow-y: auto;
  overflow-x: hidden;
}

.uiBrowser-table {
  margin-left: 0;
  position: fixed;
  top: 79px;
  left: 365px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.uiNodesView .uiMenuButton .uiButton-content {
  height: 20px;
  line-height: 20px;
}
.uiApp-headerMenuItem {
  line-height: 1;
}
.uiApp-headerNewMenuItem {
  color: inherit;
}