NbyN Matrices Header Height Increase

Steps to add or modify header height increase:

[1]

nbyn_css_mods.php

Adjust neuron class’ header size (top right of matrix)

$("#nGrid_Granule").css("height","235");

[2]

Adjust frozen hover over section on left side with neuron classes.

main_nbyn.css

.frozen-bdiv {
  height:644px !important;
}

[3]

Adjust frozen hover over section on left side with neuron classes.

nbyn_css_mods.php

nGrid_frozen

$('#nGrid_frozen').attr('style', 'width: 1px;top:222px !important;position:relative !important;');

width: 1px;top:222px !important;position:relative !important;

[4]

Adjust frozen hover over section on left side with neuron classes.

nbyn_css_mods.php

jqgh_nGrid_Neuron_Type_2

$('#jqgh_nGrid_Neuron_Type_2').attr('style', 'top:120px;');

insert style="top:120px;"

[5]

Adjust frozen hover over section on left side with neuron classes.

main_nbyn.css

.frozen-div {
  position: absolute !important; 
  height: 257px !important; 
  top: 0px !important; 
  left: 0px !important;
  z-index:5 !important;
}

position: absolute; height: 257px; top: 0px; left: 0px;z-index:5;

[6]

main_nbyn.css

replace main.css reference with:

<link rel="stylesheet" type="text/css" media="screen" href="synap_prob/css/main_nbyn.css" />

Adjust horzontal divider:

.ui-state-default .ui-jqgrid-hdiv {
  /*height:235px !important;*/
  height:57px;
}

remove any preexisting lines that interefere with the following new code (make sure the code below is present and not interfered with by any similar lines):

.ui-jqgrid .ui-jqgrid-htable th div {
  overflow: hidden !important; 
  position:relative !important; 
  /*height:235px !important;*/
  text-align:center !important;
  margin-bottom:0px !important;  
  /*margin-bottom:5px;*/
}
.ui-jqgrid .ui-jqgrid-htable th div.nGrid_Neuron_type{

}
.ui-jqgrid .ui-jqgrid-htable th {
  /*height:22px !important;*/
  padding: 0px 2px !important;
}
.ui-jqgrid .ui-jqgrid-htable th div.nGrid_Neuron_type{
/*  text-align:center !important;
  margin-bottom:0px !important;*/
}
.ui-jqgrid .ui-jqgrid-htable th {/*height:22px;*/padding: 0px 2px;}
.ui-jqgrid .ui-jqgrid-htable th div {
  overflow: hidden; 
  position:relative; 
  /*height:235px; */
  /*text-align:left;*/
  /*margin-bottom:5px;*/
}
.ui-jqgrid-hdiv {
  /*height:57px;*//* !important;*/
}

[7]

main_nbyn.css

.rotate 
{
   top: 100px !important;
}

[8]

jqgh_nGrid_Granule

$('#jqgh_nGrid_Granule').attr('style', 'width: 235px; left:-70px; top: 76px !important;position:relative;');

Reference: https://stackoverflow.com/questions/2655925/how-to-apply-important-using-css

[9]

$("#ui-jqgrid-labels").css("height","235");

[10]

.ui-jqgrid-hdiv {
  overflow-y:hidden;
}

---

In conclusion replace main.css reference with:

<link rel="stylesheet" type="text/css" media="screen" href="synap_prob/css/main_nbyn.css" />

and

add <?php include('synap_prob/nbyn_css_mods.php'); ?>

then the headers are sized as wanted.