map.getView().fit(feature.getGeometry(), map.getSize());
var geom_centre = map.getView().getCenter();
var lon = geom_centre[1] - 50;
var north_centre = [geom_centre[0],lon];
map.getView().setCenter(north_centre);
map.getView().setZoom(map.getView().getZoom() - 1);

var panel = document.getElementById('yourPanelID'); //your panel element
var paddingTop = panel.offsetHeight;
var paddingRight = 0;
var paddingBottom = 0;
var paddingLeft = 0;
var yourFeature;

map.getView().fit(yourFeature.getGeometry(), { padding: [paddingTop, paddingRight, paddingBottom, paddingLeft] });